---
url: /docs/components/select/overview.md
---
# Select - Overview

A select is a form input component that lets users choose one option from a predefined list.

## General

A select supports various states (hover, active, filled, disabled, error) and enhances clarity with optional labels, help texts, and icons. It can be used in forms, filters, settings, and anywhere a single-choice dropdown is needed.

Related components: [Text area](../text-area/overview.md), [Text field](../text-field/overview.md).

## Examples

## Variants

### Default

### Label only

### Text field only

### Optional and info tooltip

## Anatomy

::: image-block
![Example of a Select component](/components/select/overview-anatomy.svg)
:::

1. Select label (optional)

2. Select field

3. Optional indicator (optional)

4. Info tooltip (optional)

5. Placeholder

6. Help text (optional)

7. Right dropdown icon