Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    DescriptionList

    Shows the fields of a record as term and value pairs, with native dl, dt and dd elements.

    Storybook
    Storybook
    Source
    Source

    Added

    • First version: DescriptionList with the DescriptionList.Item, DescriptionList.Term, DescriptionList.Details and DescriptionList.Action parts; native dl, dt, dd.
    • The items prop, or custom rows from parts.
    • layout (inline, stacked, grid), columns (1-3), dividers and size (sm, md). The inline layout stacks below 1024 px.
    • An empty value shows a dash and a hidden reason (ui.description-list.empty); a long value wraps.
    • The action at the end of a row is its own tab stop. No entrance motion.
    • The part prop types are exported: DescriptionListItemProps, DescriptionListTermProps, DescriptionListDetailsProps, DescriptionListActionProps.