Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Stack

    Lays children out vertically and sets the space between them with a token.

    Storybook
    Storybook
    Source
    Source

    Added

    • gap: 13 values from the space scale; default md.
    • align: start, center, end, stretch; default stretch.
    • separator: a 1 px subtle rule between children; the gap is split on both sides of the rule.
    • Rendering as another element such as <ul> or <section> with render.
    • className for layout only.
    • The data-component="stack" attribute.