Forms / COMPONENT

Select

Web · implementedDesktop · preview

Dropdown selection untuk opsi yang terstruktur.

import { Select } from "./vendor/syne-ui/index.js";TypeScript ready

Selected plan: none

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Select } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Select name="plan" label="Plan" defaultValue="free" options={[{ value: "free", label: "Free" }, { value: "pro", label: "Pro" }, { value: "team", label: "Team", disabled: true }]} searchable />
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.