Width / Height Scale

Examples

import { Flex, Box } from 'tailor-ui';

The width utility parses a component's width prop and converts it into a CSS width declaration.

• Numbers from 0-1 are converted to percentage widths.
• Numbers greater than 1 are converted to pixel values.
• String values are passed as raw CSS values.

25%

25%

25%

25%

25%

33%

33%

33%

33%

50%

50%

50%