Components
DescriptionList
A <dl> that lays out term/description pairs in a grid.
Import from "@instruments/materia-ui/components/description-list".
Usage
Best practices
Fill it with
DescriptionItemrows (each aDescriptionTerm+DescriptionDetails) - it renders a real<dl>, so keep thedt/ddsemantics rather than nesting raw divs.Use this for read-only key/value metadata about one entity; for tabular rows of many records reach for
TableorDataGridinstead.Turn on
showSeparatorswhen items are visually dense; leave it off inside a borderedCardwhere the container already frames them.
Props
DescriptionDetails
DescriptionList
Also exports
- component
DescriptionItem - component
DescriptionTerm
Composition
Builds on