---
title: Select
airtableId: reccfLvVzECvskVmu
---
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { BasicExample } from "./select.basic"
import { MultiExample } from "./select.multi"
import { GroupedExample } from "./select.grouped"
import { FieldExample } from "./select.field"
import { DisabledExample } from "./select.disabled"
import { LoadingExample } from "./select.loading"
import { AsyncExample } from "./select.async"

## Basic

Basic select component with single selection and clearable option.

<BasicExample/>

## Multi Select

Select component that allows multiple selections.

<MultiExample/>


## Grouped Options

Select with options grouped into categories.

<GroupedExample/>

## Async Select with Search

Select with asynchronous loading and search functionality.

<AsyncExample/>

{/* ## Select Field

Select component with label and validation support.

<FieldExample/> */}

## Disabled State

Select component in disabled state.

<DisabledExample/>

## Loading State

Select component in loading state.

<LoadingExample/>