@leveluptuts/motion-elements v0.1.3

@leveluptuts/motion-elements

Motion Elements

Demo

Install

yarn add @leveluptuts/motion-elements

Usage

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

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/