Notch

pnpmnpmyarnbun
Copy to Clipboard
pnpm dlx shadcn@latest add @motokoui/notch

Copy to Clipboardimport { Notch } from "@/components/ui/notch"
 
export default function Example() {
  return (
    <Notch
      items={[
        {
          id: "tool",
          label: "Tool",
          defaultValue: "select",
          options: [
            { id: "select", label: "Select" },
            { id: "draw", label: "Draw" },
            { id: "erase", label: "Erase" },
          ],
        },
        {
          id: "mode",
          label: "Mode",
          defaultValue: "design",
          options: [
            { id: "design", label: "Design" },
            { id: "prototype", label: "Prototype" },
          ],
        },
      ]}
    />
  )
}