Skip to main content

Display

Utilities to set the display property of an element.

Usage​

Particle provides abbreviated enums for common display values:

  • i (inline)
  • b (block)
  • ib (inline-block)
  • f (flex)
  • if (inline-flex)
  • n (none)

display--i​

display--b​

display--ib​

display--f​

display--if​

display--n​

info

Setting display: none hides content from all users, including screen readers. If the content should be accessible to screen readers but hidden visually, use .visually-hidden instead.