How to use the atomic-layout.useResponsiveValue 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 / UseResponsiveValue.jsx View on Github external
const UseResponsiveValue = () => {
  const text = useResponsiveValue(
    {
      xs: 'xs',
      md: 'md',
      lg: 'lg',
    },
    'default',
  )

  return {text}
}

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