Fancy Box

May 20231 min read

Next.js

The Combobox is inspired by GitHub's PR label selector and is powered by shadcn/ui. Almost all elements are radix-ui components, styled with tailwindcss.

It uses the following components:

The only change to the core files was adding a smaller Button size:

// Button.tsx
const buttonVariants = cva(
  variants: {
    size: {
      xs: "h-8 px-2 rounded-md", // added
      // ...
    }
    // ..
  }
  // ..
)

The source code is available on GitHub.