---
id: Select
section: components
subsection: menus
template: true
beta: true
propComponents: ['SimpleSelect', 'CheckboxSelect', 'TypeaheadSelect']
---

Note: Templates live in their own package at [@patternfly/react-templates](https://www.npmjs.com/package/@patternfly/react-templates)!

For custom use cases, please see the select component suite from [@patternfly/react-core](https://www.npmjs.com/package/@patternfly/react-core).

import { Fragment, useEffect, useMemo, useState, FunctionComponent } from 'react';
import { Checkbox } from '@patternfly/react-core';
import { SimpleSelect, CheckboxSelect, TypeaheadSelect, MultiTypeaheadSelect } from '@patternfly/react-templates';

## Select template examples

### Simple

```ts file="SimpleSelectDemo.tsx"

```

### Checkbox

```ts file="CheckboxSelectDemo.tsx"

```

### Typeahead

```ts file="TypeaheadSelectDemo.tsx"

```

### Multi-Typeahead

```ts file="MultiTypeaheadSelectDemo.tsx"

```