Slot

A placed, individually-styleable region inside a Stack. Its size comes from the Stack. alignSelf moves the slot within the row; justify/align move the slot's own content, one dial per axis.

Each example measures itself, so its gutters are to scale rather than to the page's. The arrangements are exact.

Show guides
PropDescriptionDefaultControl
aselement to render: div by default, or article, main, aside, figure, header, footer, nav, ul, oldivarticleasidefigureheaderfooternavuloldiv
  • div
  • article
  • aside
  • figure
  • header
  • footer
  • nav
  • ul
  • ol
alignSelfwhere this slot sits in its lane, overriding the Stack's alignstretchstartcenterendstretch
  • stretch
  • start
  • center
  • end
justifywhere the slot's content sits across itstretchstartcenterendstretch
  • stretch
  • start
  • center
  • end
alignwhere the slot's content sits down it, when the slot is taller than its contentstretchstartcenterendstretch
  • stretch
  • start
  • center
  • end