Min Width

<Box white>  <Box minW-100 bgRed400 inlineBlock p2>    minW-100  </Box>  <Box minW-10rem bgYellow400 inlineBlock p2>    minW-10rem  </Box>  <Box minW={100} bgGreen400 inlineBlock p2>    minW={'{100}'}  </Box>  <Box minW="400px" bgBlue400 inlineBlock p2>    minW="400px"  </Box>  <Box minW="80%" bgPurple400 inlineBlock p2>    minW="80%"  </Box></Box>

Use minW-{value} Atomic Props to control the min width of an element.

Atomic PropsCSS Properties
minW-{value} / minW={value}min-width: {value};

Fixed Min-Width#

Use minW-{size} Atomic Props to control the width of an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Fluid Min-Width#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO