# XWUINativeSelect

Native `<select>` element wrapper - best UX on mobile and most accessible by default.

## Basic Usage

Country dropdown.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Country dropdown.
```

## OptGroups

Grouped options with `<optgroup>` labels.

```example
file: examples/OptGroups.ts
html: examples/OptGroups.html
title: OptGroups
description: Grouped options with `<optgroup>` labels.
```

## Preselected Size

A required, large-size picker opening on a chosen value with a disabled sold-out option.

```example
file: examples/PreselectedSize.ts
html: examples/PreselectedSize.html
title: Preselected Size
description: Prefilled value, large size, disabled option, helper text.
```

## Invalid State

Error styling and an inline message on a required field left empty.

```example
file: examples/InvalidState.ts
html: examples/InvalidState.html
title: Invalid State
description: error state with an inline required-field message.
```

```api
```