Size Picker

Row of square size chips. The active size inverts to foreground.

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

Import & use

import { Toolbar14 } from "@/components/beste/piece/toolbar14";

<Toolbar14
  sizes={[
    "XS",
    "S",
    "M",
    "L",
    "XL"
  ]}
  active="M"
/>