Skip to main content

SearchField

SearchField — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

SearchField — Prism component.

Accessibility

Always render a visible <label> (the label prop wires htmlFor/id for you). Errors set aria-invalid and are announced via aria-describedby. Required fields expose aria-required.

Import

const { SearchField } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
labelstring
valuestring
defaultValuestring
placeholderstring
onChange(value: string) =&gt; void
onClear() =&gt; void
isDisabledboolean
classNamestring