Button Card Data List Detail Disclosure Divider Field Set Icon Button Icon Icon Select Inline Text Field Label Link Link Select Menu Modal Rich Text Box Section Select Tabs Tag Text Text Field Text Field With Prefix Toggle

Dimsum v2.0.0

An agentic component library for Ruby On Rails.

Label

This is some content.

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

Data List

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

Span
Compact Expanded Equal
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 —