Skip to Content
StylingMax Width

Max Width

Use maxW prop to control the max-width of an element.

Name

Styles

xs
sm
md
lg
full

Documentation

Usage

maxW=lg

maxW=md

maxW=sm

maxW=xs

import { Canvas } from "@/demos/Canvas"; import { Box } from "@optiaxiom/react"; export function App() { return ( <Canvas flexDirection="column" striped> <Box maxW="lg" w="full"> maxW=lg </Box> <Box maxW="md" w="full"> maxW=md </Box> <Box maxW="sm" w="full"> maxW=sm </Box> <Box maxW="xs" w="full"> maxW=xs </Box> </Canvas> ); }
Last updated on