SelectDisabled() — ui Function Reference

Architecture documentation for the SelectDisabled() function in select-disabled.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ SelectDisabled() — ui Function Reference

Dependency Diagram

graph TD
  76572d7e_0365_8997_f925_596d67ae12fd["SelectDisabled()"]
  6f9bfe24_58c1_0f4d_cc44_e3bd925ab946["select-disabled.tsx"]
  76572d7e_0365_8997_f925_596d67ae12fd -->|defined in| 6f9bfe24_58c1_0f4d_cc44_e3bd925ab946
  style 76572d7e_0365_8997_f925_596d67ae12fd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/select-disabled.tsx lines 10–29

export function SelectDisabled() {
  return (
    <Select disabled>
      <SelectTrigger className="w-full max-w-48">
        <SelectValue placeholder="Select a fruit" />
      </SelectTrigger>
      <SelectContent>
        <SelectGroup>
          <SelectItem value="apple">Apple</SelectItem>
          <SelectItem value="banana">Banana</SelectItem>
          <SelectItem value="blueberry">Blueberry</SelectItem>
          <SelectItem value="grapes" disabled>
            Grapes
          </SelectItem>
          <SelectItem value="pineapple">Pineapple</SelectItem>
        </SelectGroup>
      </SelectContent>
    </Select>
  )
}