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 { Box } from "@optiaxiom/react";
 
import { Canvas } from "../Canvas";
 
export function App() {
  return (
    <Canvas>
      <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
Max-HeightSize