@acodez/accordian

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import acodezAccordian from 'https://cdn.skypack.dev/@acodez/accordian';
</script>

README

@acodez/accordian

npm_version license

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})=>{   }