See it all in action

Live demo shop with every component working together

SortSelect

Sorting dropdown component

npx shadcn@latest add https://registry.rifan.xyz/r/sort-select.json

Props

PropTypeDefaultDescription
options*SortOption[]—Available sort options
value*string—Current sort value
onChange*Function—Change handler

Usage

import { SortSelect } from '@revannasser/ecommerce-ui'

// Sorting dropdown component
<SortSelect
  options={...}
  value={...}
  onChange={...}
/>