Composites · Application UI
Price range filter
Histogram + range slider + min/max number inputs + apply button. Composes slider, number-field, button. Adapted from a coss.com UI block.
@byronwade/foundation@byronwade/utils@byronwade/slider@byronwade/number-field@byronwade/button
Feature showcase
Installation
Features
1 example
Default.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @byronwade/slider | registry | Installed through the byronwade/ui registry. |
| @byronwade/number-field | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/price-range-filter.tsx |
| Default example | content/examples/price-range-filter/default.tsx |