How to use the atomic-layout.breakpoints function in atomic-layout

To help you get started, we’ve selected a few atomic-layout examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github kettanaito / atomic-layout / examples / hooks / UseViewportChange.jsx View on Github external
useViewportChange(() => {
    setVisibility(
      matchMedia(`(min-width: ${Layout.breakpoints.lg.minWidth})`).matches,
    )
  })

atomic-layout

Physical representation of layout composition to create declarative, responsive layouts in React.

MIT
Latest version published 4 years ago

Package Health Score

51 / 100
Full package analysis