Skip to content

⚛️ React Hook to map value/breakpoint the styled-component way.

License

Notifications You must be signed in to change notification settings

thebiltheory/useBreakpoints

Repository files navigation

useBreakpoints

CircleCI NPM npm npm

React Hook to map value/breakpoint the styled-component way.

Example/ Demo

Edit useBreakpoints

Install

npm install --save @thebiltheory/usebreakpoints

or

yarn add @thebiltheory/usebreakpoints

Usage

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
)

License

MIT © TheBilTheory