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.

icon-select.html.erb Copy snippet Copied!
1
<%= render IconSelectComponent.new(icon: "square", label: "Label") %>

Icon Select

A caller-selected Central icon with a fixed filled-primary chevron, used as a Menu trigger. The chevron flips up while the menu is open.

Leading icon
PropTypeDefault
icon Caller-selected Central glyph name, rendered via IconComponent. Add the exact glyph in the consumer app with `node script/icons-central.mjs add <name>` before using it. String required
label Accessible name → `aria-label` (not shown). Required — an icon alone is not announced by assistive tech (cf. IconButton). String required
shade One of IconComponent::SHADES — applied to the caller-selected main glyph. Defaults to "primary" (Figma `text/primary`). The component-owned chevron remains filled primary. String "primary"
**html_options Extra HTML attributes (id, data-*, aria-*, class, …). Hash —

Contains

  • Icon