Data InputPowerSearch20 props
Power Search
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 multip...
공식 문서 열기Preview
128 results
Import
import {PowerSearch} from '@astryxdesign/core/PowerSearch';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
When to use
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 multip...
powersearchsearchsearchbarfilterfilterbarfacetedquerybuilderstructured
Important props
resultCountnumber | stringoptional
sizesm | md | lgoptional
Theming targets
이 항목은 공개 theming target이 문서화되어 있지 않습니다.
Best practices
- DoDefine clear, descriptive field names and aliases so users can quickly find the filter they need.
- DoProvide a result count to give users feedback on how their filters affect the data set.
- Do notUse PowerSearch for simple keyword searches; a standard text input is more appropriate for single-field lookups.
- Do notWrap 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.