Skip to main content
Abyss
v2.0.0
Web
Mobile
Foundations
Showcase
Search Abyss Documentation
Font:
UHC Sans
Theme:
UHC
Support
Web/UI
Search
SearchInput
On this page
SearchInput
Provides an input field for searching content within a site to find specific items.
Submit feedback
Edit this page
github
View source code
figma
View design
Previous
ThemeProvider
Next
Heading
Table of Contents
Usage
Variants
Default search
Type-ahead search
State management
Uncontrolled / onSearch
Controlled / onInputChange
Display properties
Label
Helper
Placeholder
Width
Search button variant
Interactivity
onSearch
Clearable
Open on focus
Enable outside scroll
Search filtering
Fuse.js
Fuse keys
Custom Fuse configurations
Highlighted search results
API filtering with debounce
Menu option configurations
Options
ValueKey / labelKey
Option list height
Section headers
Custom render
Virtualization
Additional Examples