NativeSelectDemo() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ NativeSelectDemo() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/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>
  )
}