Power Search @astryx-svelte/core v0.3.0 · PowerSearch
Usage
PowerSearch is a structured filter bar where each token represents a field, operator, and value. Use it for complex multi-dimensional filtering when users need to combine multiple search criteria. For simple single-field search, use a text input instead.ts
Best practices
| Guidance | Practices |
|---|---|
| Do | Define clear, descriptive field names and aliases so users can quickly find the filter they need. |
| Do | Provide a result count to give users feedback on how their filters affect the data set. |
| Don't | Use PowerSearch for simple keyword searches; a standard text input is more appropriate for single-field lookups. |
| Don't | Wrap a disabled PowerSearch in Tooltip to explain why it is disabled; disabled controls swallow the hover events the wrapper needs. Use the disabledMessage prop instead. |
Examples
Common configurations, variations, and states.PowerSearch — Content Search
Power search with contentSearchFieldKey so free-text input maps to a title field automatically.
PowerSearch — Full Featured
Power search with multiple field types: enum, multi-select, entity, and text filters.
PowerSearch — Preset Filters
Power search initialized with pre-set filter tokens for status and priority.
PowerSearch — Search with Table
Composition of PowerSearch with Table using usePowerSearchConfig to auto-generate config and filter data.