Behive Tech Registry

Select

v0.4.0

A bare select control (built on Radix's `Select`) — the Radix trigger button is this component's own root element. It has no built-in label/hint/error; wrap it in `FormField` for that chrome.

pnpm add @behivetech/atoms.select

Edit the code and the preview updates as you type. Every registry export is in scope — Select from this package, plus React hooks and every other component in the registry.

Playground
const colorOptions = [
  { label: "Red", value: "red" },
  { label: "Green", value: "green" },
  { label: "Blue", value: "blue" },
];

const BasicSelect = () => {
  const [value, setValue] = useState("");
  return (
    <Select
      placeholder="Choose a color"
      options={colorOptions}
      value={value}
      onValueChange={setValue}
    />
  );
};

render(<BasicSelect />);