import { Badge } from 'terra-form-select/package.json?dev-site-package';

import DefaultFieldExample from './example/native-select-field/DefaultField?dev-site-example';
import InlineLabelFieldExample from './example/native-select-field/InlineLabelField?dev-site-example';
import RequiredFieldExample from './example/native-select-field/RequiredField?dev-site-example';
import IncompleteFieldExample from './example/native-select-field/IncompleteField?dev-site-example';
import DefaultFieldExamplewithoutPlaceholder from './example/native-select-field/DefaultFieldwithoutPlaceholder?dev-site-example'

import NativeSelectFieldPropsTable from 'terra-form-select/lib/native-select/NativeSelectField?dev-site-props-table';
import NativeOptionsPropsTable from './example/proptypes/NativeOptions?dev-site-props-table';
import NativeOptGroupsPropsTable from './example/proptypes/NativeOptGroups?dev-site-props-table';

<Badge />

# Terra Form Native Select Field

A convenience wrapper assembling a [terra-form-select](https://github.com/cerner/terra-core/tree/master/packages/terra-form-select) within a [terra-form-field](https://github.com/cerner/terra-core/tree/master/packages/terra-form-field).

## Getting Started

- Install with [npmjs](https://www.npmjs.com):
  - `npm install terra-form-select`

  ```jsx
  import { NativeSelectField } from 'terra-form-select';
  ```

## Component Features

- [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
- [Responsive Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support)
- [Mobile Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support)
- [Internationalization Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n)
- [Localization Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n)
- [LTR/RTL Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl)

[View component source code](https://github.com/cerner/terra-core/tree/master/packages/terra-form-select)

## Examples
<DefaultFieldExample title="Select Field Example" />
<RequiredFieldExample title="Required Select Field Example" />
<IncompleteFieldExample title="Incomplete Select Field Example" />
<DefaultFieldExamplewithoutPlaceholder title="Select Field Example without placeholder"/>
<InlineLabelFieldExample title="Select Field with Inline Label" />

## Props
### Native Select Option
<NativeOptionsPropsTable />

### Native Select OptGroup
<NativeOptGroupsPropsTable />

### Native Select Field
<NativeSelectFieldPropsTable />