전체 카탈로그
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...

공식 문서 열기
live previewData Input

Preview

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.