---
title: "Select"
description: "Select with sizes and variants"
source: "Equality"
---
import { SelectDemo } from "@demo/components/demo/select";
import { ELEVATION } from "@eqtylab/equality";

## Variants

### Default Select

<SelectDemo client:only="react" />

### Disabled Select

<SelectDemo client:only="react" variant="disabled" />

### Pre-selected Select

<SelectDemo client:only="react" variant="pre-selected" />

## Elevations

### Sunken

<SelectDemo client:only="react" elevation={ELEVATION.SUNKEN} />

### Base (default)

<SelectDemo client:only="react" elevation={ELEVATION.BASE} />

### Raised

<SelectDemo client:only="react" elevation={ELEVATION.RAISED} />

### Overlay

<SelectDemo client:only="react" elevation={ELEVATION.OVERLAY} />