Props & events
Attributes & behavior classes
All visual variation comes from the .input and .btn components it composes.
| Attribute / class | Purpose |
|---|---|
role="search" | Required on the <form> for correct landmark semantics |
type="search" (on the input) | Enables native clear-on-Escape and mobile search keyboards |
Events
The clear button reuses input's .action-clear behavior; the form itself submits natively.
| Event | Description |
|---|---|
input (native, on the field) | Drives the .input-clear show/hide behavior, same as a plain .input. |