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.

inline-text-field.html.erb Copy snippet Copied!
1
<%= render InlineTextFieldComponent.new(placeholder: "Placeholder", icon: "square") %>

Inline Text Field

A responsive chrome-less input in Figma's Paragraph/Regular style, with an optional caller-selected Central icon. For a boxed input, use TextField.

Leading icon
Disabled
PropTypeDefault
name input `name` attribute. String nil
value input value. String nil
placeholder placeholder text. String nil
type input type — "text" (default), "email", "search", … String "text"
disabled disables the input. Boolean false
icon optional leading icon name (rendered via IconComponent). String nil
**html_options extra HTML attributes (id, data-*, aria-*, class, …). Hash —

Contains

  • Icon