@acodez/accordian 中文文档教程
@acodez/accordian
Installation
npm install @acodez/accordian
Props API
Property | Type | Required | Default value | Description |
---|---|---|---|---|
title | string | yes |
| accordian heading |
name | string | yes |
| accordian unique name |
open | string | no |
| accordian open or not , value true or false |
handleAccordian | string | yes |
| function return clicked accordian name,value |
message | string | no |
| accordian message displayed side to title |
Usage
import Accordian from '@acodez/accordian';
import '@acodez/accordian/dist/index.css';
<Accordian title="item1" name="item1" open={true} onClick={handleAccordian} message="Lorem"> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. </Accordian>
const handleAccordian=({name,value})=>{ }
@acodez/accordian
Installation
npm install @acodez/accordian
Props API
Property | Type | Required | Default value | Description |
---|---|---|---|---|
title | string | yes |
| accordian heading |
name | string | yes |
| accordian unique name |
open | string | no |
| accordian open or not , value true or false |
handleAccordian | string | yes |
| function return clicked accordian name,value |
message | string | no |
| accordian message displayed side to title |
Usage
import Accordian from '@acodez/accordian';
import '@acodez/accordian/dist/index.css';
<Accordian title="item1" name="item1" open={true} onClick={handleAccordian} message="Lorem"> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. </Accordian>
const handleAccordian=({name,value})=>{ }