Forms v1.0.0

Input Group

A text input with optional prefix and suffix addons for icons, text, or buttons. Supports both form builder mode (with Rails form objects) and standalone usage. Addons can be inline (inside the input) or addon-style (separate visual block).

Preview & Code

Options

Name Type Default Description
form FormBuilder nil Rails form builder object (for form builder mode)
attribute Symbol nil Model attribute name (for form builder mode)
name String nil Input name attribute (for standalone mode)
value String nil Input value (for standalone mode)
label String nil Label text (auto-generated from attribute if not provided)
hint String nil Help text displayed below the input
type String "text" Input type: text, email, password, tel, url, number
placeholder String nil Placeholder text
prefix String nil Text or HTML to display before the input (inline style)
suffix String nil Text or HTML to display after the input (inline style)
leading_addon String nil Text for a leading addon block (e.g., "https://")
trailing_addon String nil Text for a trailing addon block (e.g., ".com")
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
error String nil Manual error message (auto-detected from form object if not provided)
class String "" Additional CSS classes for the input

Changelog v1.0.0

- Initial release with form builder and standalone modes
- Inline prefix/suffix support (icons, text)
- Addon block support (leading_addon, trailing_addon)
- ViewComponent slots for custom addon content
- Automatic error detection from Rails form objects
- Dark mode support

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now