HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
Description ListView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorLabels and their values, read as pairs: the details panel every
product has.ExperimentalSince 0.1.0DataUsageimport'@fusion.dev/helix/description-list'import'@fusion.dev/helix-headless/description-list'Preview
API ReferenceRoothelix-description-listLabels and their values, read as pairs: the details panel every
product has.
PropTypeDefaultDescriptiondirection"row"Whether each label sits over its value or beside it.justify"between"Where the values sit, beside their labels.width"auto"How wide the list is.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The items.
PartDescriptionlistThe `<dl>` holding the items.
CSS PropertyDescription--description-list-gapSpace between one pair and the next.
Itemhelix-description-list-itemOne label and its value.
PropTypeDefaultDescriptionlabelstring""What the value is, for the common case of plain text.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The value.labelThe label, when it is more than text. Falls back to `label`.
PartDescriptionlabelThe `<dt>`, holding the label.valueThe `<dd>`, holding the value.
Roothelix-headless-description-listLabels and their values, read as pairs: the details panel every
product has.
PropTypeDefaultDescriptiondirection"row"Whether each label sits over its value or beside it.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The items.
PartDescriptionlistThe `<dl>` holding the items.
Itemhelix-headless-description-list-itemOne label and its value.
PropTypeDefaultDescriptionlabelstring""What the value is, for the common case of plain text.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The value.labelThe label, when it is more than text. Falls back to `label`.
PartDescriptionlabelThe `<dt>`, holding the label.valueThe `<dd>`, holding the value.
ExamplesNameDescriptionPreviewA details panel: every label in one column, every value beside it.PreviewA details panel: every label in one column, every value beside it.StackedEach label over its value, the resting arrangement, which fits any width.TotalsA summary: as wide as its widest pair, the figures on the end edge and lined up by their digits.