Utilities

Display

Panda provides the following utilities or style properties for styling display of an element.

Display Property

<div className={css({ display: 'flex' })} />

Hiding Elements

Panda provides shortcut properties for hiding elements from and below a specific breakpoint.

Hide From

<div className={css({ display: 'flex', hideFrom: 'md' })} />

Hide Below

<div className={css({ display: 'flex', hideBelow: 'md' })} />
PropCSS PropertyToken Category
hideFromdisplaybreakpoints
hideBelowdisplaybreakpoints