{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-native-select-4","type":"registry:block","title":"Native select embedded within a field.","description":"Native select embedded within a field.","dependencies":[],"registryDependencies":["field","native-select"],"files":[{"path":"c-native-select-4.tsx","type":"registry:block","content":"import {\n  Field,\n  FieldDescription,\n  FieldLabel,\n} from \"@/components/ui/field\"\nimport {\n  NativeSelect,\n  NativeSelectOption,\n} from \"@/components/ui/native-select\"\n\nexport function Pattern() {\n  return (\n    <Field className=\"w-full max-w-xs\">\n      <FieldLabel htmlFor=\"native-select-country\">Country</FieldLabel>\n      <NativeSelect id=\"native-select-country\">\n        <NativeSelectOption value=\"\">Select a country</NativeSelectOption>\n        <NativeSelectOption value=\"us\">United States</NativeSelectOption>\n        <NativeSelectOption value=\"uk\">United Kingdom</NativeSelectOption>\n        <NativeSelectOption value=\"ca\">Canada</NativeSelectOption>\n      </NativeSelect>\n      <FieldDescription>Select your country of residence.</FieldDescription>\n    </Field>\n  )\n}","target":"components/examples/c-native-select-4.tsx"}],"meta":{"order":4,"label":"Field With Label"}}