import { Accordian } from "accordianjs"
const accordianHeaderComponent = () => {
return (
<div >
<p>I am CUSTOM Header.</p>
</div>
)
}
const accordianBodyComponent = () => {
return (
<div style={{ height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }} >
<p>Hello World!</p>
</div>
)
}
< Accordian
accordianStatus={true}
accordianHeaderText={"Header Text."} // accordianHeaderText OR accordianHeaderComponent
accordianHeaderHeight={"50"} //Data Type String
accordianBodyHeight={"100"} //Data Type String
accordianBorderRadius={"5"} //Data Type String
openingAanimationDuration={"0.5"} //Data Type String
closingAanimationDuration={"0.5"} //Data Type String
accordianBorderColour={"#ffc400"} //Data Type String
accordianBodyBackgroundColor={"#2196f3"} //Data Type String
accordianHeaderBackgroundColor={"#f8bbd0"} //Data Type String
accordianHoverHeaderBackgroundColor={"#ff80ab"} //Data Type String
accordianHeaderComponent={accordianHeaderComponent} // accordianHeaderText OR accordianHeaderComponent
accordianBodyComponent={accordianBodyComponent}
/>
accordianjs
1.0.9 • Public • PublishedDependencies (0)
Dev Dependencies (19)
- @babel/core
- @babel/preset-react
- @rollup/plugin-node-resolve
- @storybook/addon-actions
- @storybook/addon-essentials
- @storybook/addon-interactions
- @storybook/addon-links
- @storybook/builder-webpack4
- @storybook/manager-webpack4
- @storybook/react
- @storybook/testing-library
- babel-loader
- react
- react-dom
- rollup
- rollup-plugin-babel
- rollup-plugin-peer-deps-external
- rollup-plugin-postcss
- rollup-plugin-terser
Package Sidebar
Install
npm i accordianjs
Weekly Downloads
2
Version
1.0.9
License
ISC
Unpacked Size
14.4 kB
Total Files
4