s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Svelte · Forms and controls

SearchInput

No summary has been written for SearchInput. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript 
import { SearchInput } from '@happyvertical/smrt-svelte/forms';
Import path
@happyvertical/smrt-svelte/forms
Props
12
Props described
12 of 12
Bindable state
0
Callback events
3
Verified release
0.44.0

Props

NameTypeRequiredDescription
valuestringNoCurrent search value
placeholderstringNoPlaceholder text
debouncenumberNoDebounce delay in ms (0 for no debounce)
loadingbooleanNoShow loading indicator
disabledbooleanNoWhether the input is disabled
size'sm' | 'md' | 'lg'NoSize variant
idstringNoID for the input element
namestringNoName attribute
ariaLabelstringNoARIA label
onsearch(value: string) => voidNoCallback when value changes (after debounce)
oninput(value: string) => voidNoCallback for immediate value changes
onsubmit(value: string) => voidNoCallback when Enter is pressed

Bindable state

This component has no bindable public state.

Callback events

  • onsearch(value: string) => void
  • oninput(value: string) => void
  • onsubmit(value: string) => void

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-svelte package reference See package status, version, limitations, and all public subpaths.