---
name: Select 选择框
route: /guide/select
menu: form
---

import JsxParser from "react-jsx-parser";
import {
  MessageBox,
  InlineCode,
  Example,
  Code,
  PropsTable
} from "theme";
import code from "./demo";
import { Select, SelectOption } from "shineDev";
import "./demo/index.scss";

# Select 选择框

选择框组件用于创建一个带下拉列表的选项，支持单选和多选。

## 概述


## 代码示例

<MessageBox messageType="info">
  为了让用户直观地查看代码演示，我们加入了{" "}
  <InlineCode>shine-input-helper</InlineCode>{" "}
  修饰符，在开发过程中无需配置该字段。
</MessageBox>

### 选择器示例

<Example
  display={<JsxParser {...code.basic} />}
  code={{code:code.basic.jsx}}
  components={code.basic.components}
/>

## 配置参数

#### Select

<PropsTable of={Select} />

#### Select Option

<PropsTable of={SelectOption} />