Select

A dropdown select input for choosing one value from a list of string or value/label options, with keyboard navigation, type-ahead and small/medium/large sizes.

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

import Select from "@/components/ui/select";

export default function SelectDisabledDemo() {
  return (
    <div style={{ width: 260 }}>
      <Select
        label="Plan"
        options={["Starter", "Team", "Scale"]}
        value="Team"
        disabled
      />
    </div>
  );
}