SearchInput
Components

SearchInput

Text input with a search icon and default placeholder; a convenience wrapper over Input.

Usage

SearchInput is Input with a pre-applied search icon and default placeholder. Every prop that Input accepts passes through to the underlying input, except leftIcon, which is reserved.

Basic

SearchInput

Custom placeholder

SearchInput custom placeholder

Small

SearchInput sm

Disabled

SearchInput disabled
ImportTSX
import { SearchInput } from "@solarius/onset";

<SearchInput />
<SearchInput placeholder="Find deployments..." />
<SearchInput size="sm" disabled />