Forms

Select

Displays a list of options for the user to pick from — triggered by a button.

Import

import {
  Select,
  SelectTrigger,
  SelectValue,
  SelectPopup,
  SelectItem,
} from "@countryclub/ui-react";

Pass disabled on the root to make the whole select non-interactive.

The trigger comes in three sizes: "sm", "default" and "lg".

A leading icon in the trigger that follows the selected option, plus icons on each item.

Options with a leading avatar — the trigger mirrors the selected member.

A status dot in front of each option — handy for availability or presence.

Need to filter options as you type? Use the Combobox components for a searchable select.