Display

A few of our components expose a display prop in order to change the CSS display property.

Boxed content

Edit the code below to see your changes live!

It's also possible to use the prop with responsive breakpoints:

Boxed content hidden on mobile.
Boxed content hidden on tablet.

Edit the code below to see your changes live!

Display

Prop Name
Type
Default
Description
displayblock | inline-block | inline | inline-flex | flex | grid | inline-grid | none

Sets the CSS display property of a component.

Props ending with * are required

Beta