StylingMax-Width

Max-Width

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

Name

Value

Pixels

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>
  );
}
Max-HeightSize