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.

github undefinedfm / undefined.fm / src / components / Fieldset.tsx View on Github external
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 },
    },
  },