BRAID
Braid Logo
 

Autosuggest

idRequired
string
valueRequired
AutosuggestValue<Value>
suggestionsRequired
Suggestions<Value> | (value: AutosuggestValue<Value>) => Suggestions<Value>
onChangeRequired
(value: AutosuggestValue<Value>) => void
aria-labelledbyRequired
string
aria-labelRequired
string
labelRequired
ReactNode
name
string
autoFocus
boolean
aria-describedby
string
data
DataAttributeMap
disabled
boolean
required
boolean
tone
"caution" | "critical" | "neutral" | "positive"
icon
ReactNode
description
ReactNode
message
ReactNode
secondaryMessage
ReactNode
reserveMessageSpace
boolean
noSuggestionsMessage
string | { title: string; description: string; }
clearLabel
string
automaticSelection
boolean
suggestionHighlight
"matching" | "remaining"
hideSuggestionsOnSelection
boolean
showMobileBackdrop
boolean
scrollToTopOnMobile
boolean
onBlur
() => void
onFocus
() => void
onClear
() => void
placeholder
string
type
"text" | "search"
translations
{
assistiveDescription: string;
suggestionInstructions: string;
suggestionsAvailableAnnouncement: (suggestionCount: number) => string;
noSuggestionsAvailableAnnouncement: string;
suggestionAutoSelectedAnnouncement: (suggestion: string) => string;
}
secondaryLabel
ReactNode
tertiaryLabel
ReactNode
ref
Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
string | (instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement>

Further References

View Source