Sort Controls

Sort label followed by field chips and an ascending or descending arrow on the right.

Sort

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Toolbar12 } from "@/components/beste/piece/toolbar12";

<Toolbar12
  field="Date"
  fields={[
    "Name",
    "Date",
    "Size"
  ]}
  direction="desc"
/>