Component

SearchInput

Name: Forge
Rating: 5 (1 reviews)
Author: Webba Creative

Specialized input for search functionality with clear button and keyboard shortcuts.

tsx

import { SearchInput } from 'wss3-forge'

Usage

•

Use for filtering content or global search

•

Includes search icon and clear button

•

Debounce onChange for performance

•

Supports keyboard shortcuts

tsx

1const [query, setQuery] = useState('')
2 
3<SearchInput
4  value={query}
5  onChange={setQuery}
6  placeholder="Search..."
7/>

tsx

1<SearchInput
2  value={query}
3  onChange={setQuery}
4  placeholder="Quick search..."
5  size="sm"
6/>

tsx

1<SearchInput
2  value="React components"
3  onChange={setQuery}
4  placeholder="Search..."
5/>

Radio

Select

Last updated: December 2025