---
id: select-container
title: SelectContainer
---

# SelectContainer

## How to use

<code src="@digigov/ui/src/form/SelectContainer/__stories__/Default.tsx" />

### SelectContainer with hints

You can add hints to select items to provide additional information about the options.

<code src="@digigov/ui/src/form/SelectContainer/__stories__/WithHint.tsx" />

### Disabled input

Error messages should be styled like this:

<code src="@digigov/ui/src/form/SelectContainer/__stories__/DisabledInput.tsx" />

## Accessibility

You can read more about the accessibility patterns used in our SelectContainer
implementation in the ARIA Authoring Practices Guide (APG) at
[Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) section.

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["SelectContainer","SelectOption"]} />