Search Input

A search field composed through Input's icon, action, hint, and state APIs. Supports a native search role, a clear action, ghost treatment, and keyboard shortcut hints without overlay CSS.

formsimple

Search Input

A search field composed through Input's icon, action, hint, and state APIs. Supports a native search role, a clear action, ghost treatment, and keyboard shortcut hints without overlay CSS.

Loading interactive preview

Bare

Ghost Input treatment for a search field placed inside a surface that already provides its visual boundary.

Loading interactive preview

With Keyboard Shortcut

Input hint slot presents the keyboard shortcut while preserving Input's layout and focus contract.

Loading interactive preview