Native Select

Preview

import {
  NativeSelect,
  NativeSelectOption,
} from "@/registry/axon/ui/native-select";

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>
  );
}

import {  NativeSelect,  NativeSelectOption,} from "@/registry/axon/ui/native-select";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>  );}

Installation

CLI

npx shadcn@latest add @emberui/native-select

yarn shadcn@latest add @emberui/native-select

pnpm dlx shadcn@latest add @emberui/native-select

bunx --bun shadcn@latest add @emberui/native-select

Reference

This component is based on the shadcn/ui Native Select component.

Native Select

Preview

Installation

CLI

Reference

On this page