#Select

A dropdown selector for choosing from a list of options.

#When to Use

• For selecting one or more items from a predefined list
• When a dropdown is more appropriate than radio buttons
• For searchable or taggable selection

#Import

import { Select } from "orizon";

#Examples

#Basic

<Select
  defaultValue="option1"
  options={[
    { value: "option1", label: "Option 1" },
    { value: "option2", label: "Option 2" },
    { value: "option3", label: "Option 3" },
  ]}
  style={{ width: 200 }}
/>

#Multiple Selection

<Select
  mode="multiple"
  placeholder="Select items"
  options={options}
  style={{ width: 300 }}
/>

#Searchable

<Select showSearch placeholder="Search and select" options={options} />

#Disabled

<Select disabled defaultValue="disabled" options={options} />

#API

#SelectProps

• options — { value, label, disabled? }[] — Option list
• value — string | string[] — Selected value (controlled)
• defaultValue — string | string[] — Default value
• onChange — (value, option) => void — Change handler
• mode — "multiple" | "tags" — Selection mode
• showSearch — boolean — Enable search (default: false)
• filterOption — (input, option) => boolean — Custom search filter
• placeholder — string — Placeholder text
• disabled — boolean — Disable selector
• allowClear — boolean — Show clear button
• size — "small" | "middle" | "large" — Size
• status — "error" | "warning" — Validation status
• loading — boolean — Loading state
• maxTagCount — number | "responsive" — Max tags to show in multiple mode