Text Field With Prefix

Label

1	`<%= render TextFieldWithPrefixComponent.new(prefix: "Label", placeholder: "Placeholder", disabled: true) %>`

A responsive text input with a static prefix, such as a protocol, fused to its left edge.

Size

Disabled

Prop	Type	Default
`prefix` Static text shown before the input (required, e.g. "https://").	String	`required`
`value` Input value (default none — empty field).	String	`nil`
`placeholder` Empty-state placeholder (default none).	String	`nil`
`type` Input type — "text" (default), "email", "url", …	String	`"text"`
`size` One of SIZES: md (36px, default), lg (40px).	String	`"md"`
`disabled` Disables the input.	Boolean	`false`
`*html_options` Extra HTML attributes (id, name, data-, aria-*, class, …).	Hash	—