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.

Software design & engineering at Bureau.

Available for full time / contract roles.

detail.html.erb Copy snippet Copied!
1
<%= render DetailComponent.new(prefix: "number", show_subtext: false) %>

Detail

A list-item row with a leading prefix marker over nested `<p>`s — the first is the primary line, a `<p class="subtext">` is the tertiary subtext (hide it with `show_subtext: false`). Roman/number/letter markers auto-increment via CSS counters; arrow/pipe connectors are permanent Dimsum-owned vectors.

Prefix
Roman Number Letter Arrow Pipe
Show subtext
PropTypeDefault
prefix One of PREFIXES. String/Symbol required
show_subtext When false, the subtext line is hidden (default true). Boolean true
**html_options Any extra HTML attributes (id, class, data-*, …). Content is nested `<p>`s — the first is the primary line; mark the smaller tertiary subtext line with `<p class="subtext">`. `show_subtext: false` hides it (the row collapses, since the height is content-driven). Hash —