---
order: 3
zh-CN:
	title: 分组
	placeholder: 选择一项
en-US:
	title: Groups
	placeholder: Select an option..
---

```js
import { Select } from 'zent';

const options = [
	{
		key: 'group-1',
		text: '分组',
		type: 'header'
	},
	{
		key: '1',
		text: '选项',
	},
	{
		key: '2',
		text: '选项',
	},
	{
		key: 'group-2',
		text: '分组',
		type: 'header'
	},
	{
		key: '3',
		text: '选项',
	},
];

ReactDOM.render(
	<Select clearable options={options} placeholder="{i18n.placeholder}" />,
	mountNode
);
```