@workday/canvas-kit-docs/dist/mdx/preview-react/select/Select.mdx

Documentation components of Canvas Kit components

import {ExampleCodeBlock, SymbolDoc, Specifications} from '@workday/canvas-kit-docs';
import Default from './examples/Top Label/Default';
import DefaultWithCustomOptions from './examples/Top Label/DefaultWithCustomOptions';
import DefaultWithSimpleOptions from './examples/Top Label/DefaultWithSimpleOptions';
import Scrollable from './examples/Top Label/Scrollable';
import Disabled from './examples/Top Label/Disabled';
import Alert from './examples/Top Label/Alert';
import Error from './examples/Top Label/Error';
import Grow from './examples/Top Label/Grow';
import DefaultLeft from './examples/Left Label/DefaultLeft';
import DefaultWithCustomOptionsLeft from './examples/Left Label/DefaultWithCustomOptionsLeft';
import DefaultWithSimpleOptionsLeft from './examples/Left Label/DefaultWithSimpleOptionsLeft';
import ScrollableLeft from './examples/Left Label/ScrollableLeft';
import DisabledLeft from './examples/Left Label/DisabledLeft';
import AlertLeft from './examples/Left Label/AlertLeft';
import ErrorLeft from './examples/Left Label/ErrorLeft';
import GrowLeft from './examples/Left Label/GrowLeft';



# Canvas Kit Select

## Top Label

### Default

<ExampleCodeBlock code={Default} />

### Default with Custom Options Data

<ExampleCodeBlock code={DefaultWithCustomOptions} />

### Default with Simple Options Data

<ExampleCodeBlock code={DefaultWithSimpleOptions} />

### Scrollable

<ExampleCodeBlock code={Scrollable} />

### Disabled

<ExampleCodeBlock code={Disabled} />

### Alert

<ExampleCodeBlock code={Alert} />

### Error

<ExampleCodeBlock code={Error} />

### Grow

<ExampleCodeBlock code={Grow} />

## Left Label

### Default

<ExampleCodeBlock code={DefaultLeft} />

### Default with Custom Options Data

<ExampleCodeBlock code={DefaultWithCustomOptionsLeft} />

### Default with Simple Options Data

<ExampleCodeBlock code={DefaultWithSimpleOptionsLeft} />

### Scrollable

<ExampleCodeBlock code={ScrollableLeft} />

### Disabled

<ExampleCodeBlock code={DisabledLeft} />

### Alert

<ExampleCodeBlock code={AlertLeft} />

### Error

<ExampleCodeBlock code={ErrorLeft} />

### Grow

<ExampleCodeBlock code={GrowLeft} />