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.

select.html.erb Copy snippet Copied!
1
<%= render SelectComponent.new(placeholder: "Placeholder", disabled: true) %>

Select

A responsive native dropdown matching Figma Select's Rest and Hover states, with a permanent component-owned Central chevron.

Disabled
PropTypeDefault
name HTML name attribute. String nil
value Currently-selected option value (matched as a string). String nil
options Either `[[label, value], …]` pairs or `[{label:, value:}, …]` hashes. Array []
placeholder Optional — rendered as a disabled hidden first option and pre-selected when `value` is blank. String nil
disabled Disables the control. Boolean false
**html_options Extra attributes for the <select> (id, class, data-*, …). Hash —