React Hook to map value/breakpoint the styled-component way.
npm install --save @thebiltheory/usebreakpoints
or
yarn add @thebiltheory/usebreakpoints
const [value, currentBreakpoint] = useBreakpoints(
['mobile', 'tablet', 'desktop', 'huge screen'],
[576, 768, 992, 1600]
)
const [value, currentBreakpoint] = useBreakpoints(
[1, 2, 3, 4],
['576px', '768px', '992px', '1200px']
)
import theme from 'src/theme'
const [value, currentBreakpoint] = useBreakpoints(
[1, 2, 3, 4],
theme.breakpoints
)
MIT © TheBilTheory