@dash-ui/responsive

> A library for adding responsive styles to components with dash-ui

``sh
npm i @dash-ui/responsive
`

---

Quick start

`tsx
import {styles} from '@dash-ui/styles'
import responsive from '@dash-ui/responsive'

const responsiveStyle = responsive(styles, {
phone: 'only screen and (min-width: 0em)'
tablet: 'only screen and (min-width: 20em)'
desktop: 'only screen and (min-width: 50em)'
})

const myResponsiveStyle = responsiveStyle.variants({
default: {
display: 'block'
},
flex: {
display: 'flex'
}
})

const MyComponent = ({display}) => {
return