1.0.2 • Published 5 years ago
styled-state-spring v1.0.2
styled-state-spring
A React library focused on State / Animation / Layout / Styles
Install
npm install --save styled-state-spring
styled-state-spring
depends on:
- react > 16.8 (hooks)
- styled-components
- xstate
- react-spring
styled-state-spring
has been tested with:
"react": ">= 16.8.0",
"react-spring": ">= 8.0.11",
"styled-components": ">= 4.1.0",
"xstate": ">= 4.3.3"
npm install styled-components xstate react-spring
Usage
A simple example:
import React from 'react';
import { Grid } from 'styled-state-spring';
const App = () => {
const springProps = {
opacity: 1,
from: { opacity: 0 },
};
return (
<Grid
css={`background:tomato;`}
springProps={springProps}
render={props => {
return (
<div>I'm Animating!</div>
);
}}
/>
);
}
export default App;
License
MIT © rkhayat
Thanks to create-react-library!