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.

field-set.html.erb Copy snippet Copied!
1
<%= render FieldSetComponent.new(stack: "row") do |c| %>
2
  <%# … fields, helptext, label … %>
3
<% end %>

Field Set

A responsive labelled form unit matching Figma's column, row, and fields-only layouts.

Stack
Column Row
PropTypeDefault
stack One of STACKS: "column" (default) stacks label → fields → helptext vertically; "row" puts the label in Figma's fixed 110px left column, vertically centered, with field + helptext on the right. Figma's 300px frame is a specimen; the root is responsive. String "column"
**html_options Extra HTML attributes for the root `<div>`. Hash —

Slots: fields helptext label

Contains

  • Label