Label

This is some content.

data-list.html.erb Copy snippet Copied! 
1
<%= render DataListComponent.new(label: "Label") %>

Data List

A responsive label + content row in Compact, Expanded, or Equal proportions, with a top-aligned zero-gap content stack.

Span
PropTypeDefault
label The left-column label text (`$fg-tertiary`). String required
span One of SPANS: "compact" (100px label) · "expanded" (150px) · "equal" (label & content share width 50/50). String "compact"
**html_options Extra HTML attributes for the root `<div class="data-list">`. Hash —