How to use the react-pose.aside 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.
kremalicious / portfolio / src / components / molecules / Availability.jsx View on Github 
import React from 'react'
import PropTypes from 'prop-types'
import posed from 'react-pose'
import { fadeIn } from '../atoms/Transitions'
import { useMeta } from '../../hooks/use-meta'
import styles from './Availability.module.scss'
const Animation = posed.aside(fadeIn)
const Availability = ({ hide }) => {
const { availability } = useMeta()
const { status, available, unavailable } = availability
const className = status
? `${styles.availability} ${styles.available}`
: `${styles.availability}`
const html = status ? available : unavailable
return (
!hide && (
<p>
)
)</p>function Networks({ small, hide }) {
const { basics } = useResume()
if (hide) return null
const Animation = posed.aside(moveInTop)
return (
{basics.profiles.map(profile => (
))}
)
}react-pose
A declarative animation library for React
