When to use
Use when the catalog is large enough that browsing every card is slower than querying.
Loading…
Find components, patterns, tokens, and docs
Pattern
Find a component, pattern, or token without leaving the current context.
Preview
Appearance is not enough. This is the contract for when the control earns a place in the product.
Use when the catalog is large enough that browsing every card is slower than querying.
Don't force this layout onto a task with a different risk profile or a different set of fields.
Type, scan results, and jump — keyboard first.
Every field in the pattern keeps a visible label, and primary actions remain real buttons. Error copy sits next to the field that failed.
<div>
<Input placeholder="Search components, patterns, tokens…" />
<ResultList query={query} />
</div>