NativeSelectDemo() — ui Function Reference

Architecture documentation for the NativeSelectDemo() function in native-select-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ NativeSelectDemo() — ui Function Reference

Dependency Diagram

graph TD
  d6c1f4d7_f2de_a39a_4172_ceac3a9ac4c1["NativeSelectDemo()"]
  61cc2471_8ae1_94b4_6cd0_eb4af3e7816a["native-select-demo.tsx"]
  d6c1f4d7_f2de_a39a_4172_ceac3a9ac4c1 -->|defined in| 61cc2471_8ae1_94b4_6cd0_eb4af3e7816a
  style d6c1f4d7_f2de_a39a_4172_ceac3a9ac4c1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/native-select-demo.tsx lines 6–16

export default function NativeSelectDemo() {
  return (
    <NativeSelect>
      <NativeSelectOption value="">Select status</NativeSelectOption>
      <NativeSelectOption value="todo">Todo</NativeSelectOption>
      <NativeSelectOption value="in-progress">In Progress</NativeSelectOption>
      <NativeSelectOption value="done">Done</NativeSelectOption>
      <NativeSelectOption value="cancelled">Cancelled</NativeSelectOption>
    </NativeSelect>
  )
}