{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "native-select7",
  "title": "Native select",
  "description": "Native select built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/native-select/7/index.tsx",
      "content": "import {\n  NativeSelect,\n  NativeSelectOptGroup,\n  NativeSelectOption\n} from \"@/components/ui/native-select\";\n\nexport default function NativeSelectComponent() {\n  return (\n    <div className=\"w-full max-w-xs *:not-first:mt-2 *:data-[slot=native-select-wrapper]:w-full\">\n      <NativeSelect>\n        <NativeSelectOptGroup label=\"Frontend\">\n          <NativeSelectOption value=\"1\">React</NativeSelectOption>\n          <NativeSelectOption value=\"2\">Vue</NativeSelectOption>\n          <NativeSelectOption value=\"3\">Angular</NativeSelectOption>\n        </NativeSelectOptGroup>\n        <NativeSelectOptGroup label=\"Backend\">\n          <NativeSelectOption value=\"4\">Node.js</NativeSelectOption>\n          <NativeSelectOption value=\"5\">Python</NativeSelectOption>\n          <NativeSelectOption value=\"6\">Java</NativeSelectOption>\n        </NativeSelectOptGroup>\n      </NativeSelect>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/native-select7.tsx"
    }
  ],
  "type": "registry:component"
}