Skip to Content
StylingMax-Height

Max-Height

Use maxH prop to control the max-height of an element.

Name

Styles

xs
sm
md
lg
full

#

Documentation

#

Usage

maxH=lg

maxH=md

maxH=sm

maxH=xs

import { Box } from "@optiaxiom/react";
 
import { Canvas } from "../Canvas";
 
export function App() {
  return (
    <Canvas>
      <Box display={["none", "grid"]} h="full" maxH="lg">
        maxH=lg
      </Box>
      <Box h="full" maxH="md">
        maxH=md
      </Box>
      <Box h="full" maxH="sm">
        maxH=sm
      </Box>
      <Box h="full" maxH="xs">
        maxH=xs
      </Box>
    </Canvas>
  );
}
Last updated on
HeightMax-Width