Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Grid

    An equal-column, responsive grid for page regions and widget layouts, with a cell component (Grid.Item).

    Storybook
    Storybook
    Source
    Source

    Added

    • columns: 1 to 12 or an object per breakpoint (base, md, lg); default 1.
    • Breakpoints: base below 1024 px, md from 1024 px, lg from 1440 px.
    • gap: 13 values from the space scale; default lg.
    • Grid.Item: span with 1 - 12 columns or 'full'; takes an object per breakpoint.
    • Rendering as another element such as <ul>, <li> or <section> with render.
    • className for layout only.
    • The data-component="grid" and data-part="item" attributes.