Components
Input
Single-line text input.
Default
<input class="<%= input_class(size: :sm) %>" placeholder="Sm" aria-label="Search">
<input class="<%= input_class(size: :base) %>" placeholder="Base" aria-label="Search">
<input class="<%= input_class(size: :lg) %>" placeholder="Lg" aria-label="Search">
Disabled and read-only
<input class="<%= input_class %>" value="Not available" aria-label="Disabled input" disabled>
<input class="<%= input_class %>" value="Read-only value" aria-label="Read-only input" readonly>
API reference
input_class
input_class(size: :base, extra: nil)
| Parameter | Default | Values |
|---|---|---|
| size | :base | :sm · :base · :lg |
| extra | nil | Additional Tailwind classes |