@leveluptuts/motion-elements
Motion Elements
Demo
Install
yarn add @leveluptuts/motion-elementsUsage
The Syntax
import { Accordion } from '@leveluptuts/motion-elements';
...
<Accordion>
<p>Another example</p>
</Accordion>
...More options
import React, { useState } from 'react';
import { Accordion } from '@leveluptuts/motion-elements';
const App = () => {
const [isToggled, setToggle] = useState(true);
return (
<div>
<button onClick={() => setToggle(prev => !prev)}>Toggle</button>
<Accordion isToggled={isToggled} useButton={false}>
<p>Some text.</p>
</Accordion>
</div>
)API
Accordion
The parent of an array of components
| Prop | Type | Default | Description |
|---|---|---|---|
| children | Components | An array of React Components | |
| isToggled | Boolean | OPTIONAL _ The bool that toggles the accordion | |
| useButton | Boolean | (data) => data | OPTIONAL _ if you want to bring your own b, byob if you will |
Contributing
yarn
yarn start
(in another tab) to run example
cd example
yarn
yarn start
Prior Art and Inspirations
This lib is just basic wrappers around https://www.framer.com/motion/