1.0.9 • Published 6 months ago
@conorroberts/responsive-event-handler v1.0.9
responsive-event-handler
Uses window.innerWidth
to determine which event handler to run, based on TailwindCSS breakpoints.
import { responsiveEventHandler } from "@conorroberts/responsive-event-handler";
const ReactComponent = () => {
return (
<button onClick={responsiveEventHandler({
default: () => console.log("No other breakpoints match!"),
sm: () => console.log("sm"),
lg: () => console.log("lg"),
// Type of event is inferred!
xl: (event) => console.log(event.target),
})}>
Click me!
</button>
);
}
Works with any frontend framework, or vanilla JS!