How to use the react-pose.label function in react-pose
To help you get started, we’ve selected a few react-pose examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
undefinedfm / undefined.fm / src / components / Fieldset.tsx View on Github 
import * as React from 'react';
import { Toggle, ToggleProps } from './Toggle';
import { Block } from 'glamor/jsxstyle';
import { Field, FieldProps } from 'formik';
import posed from 'react-pose';
import { PoseBlock } from './PoseView';
import { theme } from '../theme';
const LabelPoser = posed.label({
open: {
y: 0,
opacity: 1,
transition: {
y: { ease: 'circOut', duration: 300 },
opacity: { ease: 'easeIn', duration: 200 },
},
},
closed: {
y: 20,
opacity: 0,
transition: {
y: { ease: 'circOut', duration: 300 },
opacity: { ease: 'easeIn', duration: 200 },
},
},react-pose
A declarative animation library for React
