Display
Style props for styling display of an element.
<Box display="flex" />
// responsive
<Box display={{ base: "none", md: "block" }} />| Prop | CSS Property | Token Category |
|---|---|---|
display | display | - |
Use the hideFrom prop to hide an element from a specific breakpoint.
<Box display="flex" hideFrom="md" />| Prop | CSS Property | Token Category |
|---|---|---|
hideFrom | display | breakpoints |
Use the hideBelow prop to hide an element below a specific breakpoint.
<Box display="flex" hideBelow="md" />| Prop | CSS Property | Token Category |
|---|---|---|
hideBelow | display | breakpoints |