Multi-Select Status Dots

A multi-select dropdown that shows the count of chosen options and stacks small colored dots for each selected item, useful for status or tag pickers.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Multi-Select Status Dots to your project and fits it to your theme.

import Component from "@/components/ui/c-select-23";

export default function Demo() {
  return (
    <div className="flex min-h-[300px] w-full items-center justify-center p-10">
      <Component />
    </div>
  );
}