---

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

npm i @dash-ui/responsive

---

Quick start

import{styles}from'@dash-ui/styles'importresponsivefrom'@dash-ui/responsive'constresponsiveStyle=responsive(styles,{phone: 'only screen and (min-width: 0em)'tablet: 'only screen and (min-width: 20em)'desktop: 'only screen and (min-width: 50em)'})constmyResponsiveStyle=responsiveStyle.variants({default: {display: 'block'},flex: {display: 'flex'}})constMyComponent=({display})=>{return<divclassName={myResponsiveStyle(display)}/>}<MyComponentdisplay={{phone: 'default',tablet: 'flex'}}/>

API

responsive.variants()

Arguments

Name	Type	Default	Required?	Description

responsive.lazy()

responsive.one()

responsive.cls()

LICENSE

MIT