@acodez/select 中文文档教程
@acodez/select
使用多选选项反应选择组件。
Installation
npm install @acodez/select
Props API
Property | Type | Required | Description |
---|---|---|---|
placeholder | string | yes | Placeholder/Default label |
options | array | yes | add value as an array under this |
multiple | string | no | add multiselect option |
Usage
import Select from "@acodez/select";
示例 - 基本
<Select
placeholder="Pick one"
options={[
{ value: 'Rock' },
{ value: 'Paper' },
{ value: 'Scissors' }
]}
/>
示例- 多个
<Select
placeholder="Pick as much as you want!"
multiple
options={[
{ value: 'Rock' },
{ value: 'Paper' },
{ value: 'Scissors' }
]}
/>
@acodez/select
React select component with option for multi-select.
Installation
npm install @acodez/select
Props API
Property | Type | Required | Description |
---|---|---|---|
placeholder | string | yes | Placeholder/Default label |
options | array | yes | add value as an array under this |
multiple | string | no | add multiselect option |
Usage
import Select from "@acodez/select";
Example - Basic
<Select
placeholder="Pick one"
options={[
{ value: 'Rock' },
{ value: 'Paper' },
{ value: 'Scissors' }
]}
/>
Example - Multiple
<Select
placeholder="Pick as much as you want!"
multiple
options={[
{ value: 'Rock' },
{ value: 'Paper' },
{ value: 'Scissors' }
]}
/>
更多
你可能也喜欢
- 12fromto24hours 中文文档教程
- @0xcert/ethereum-asset-ledger 中文文档教程
- @2alheure/vue-toggle 中文文档教程
- @4c/babel-preset 中文文档教程
- @4lch4/gh-wh-to-discord 中文文档教程
- @51nodes/decentralized-schema-registry 中文文档教程
- @7revor/smart-design-sdk 中文文档教程
- @8select/serverless-plugin-api-docs 中文文档教程
- @a1605979100/npm-demo_test 中文文档教程
- @aaic/mindmaptree 中文文档教程