UI · Application UI
Filter pill
Pill-with-chevron filter / range selector control.
@byronwade/foundation@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
6 examples
Default, Active State, As Select Trigger, Disabled, Filter Bar, With Icon.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/filter-pill.tsx |
| Default example | content/examples/filter-pill/default.tsx |
| Active State example | content/examples/filter-pill/active-state.tsx |
| As Select Trigger example | content/examples/filter-pill/as-select-trigger.tsx |
| Disabled example | content/examples/filter-pill/disabled.tsx |
| Filter Bar example | content/examples/filter-pill/filter-bar.tsx |
| With Icon example | content/examples/filter-pill/with-icon.tsx |