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.

github kremalicious / portfolio / src / components / molecules / Availability.jsx View on Github external
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>
github kremalicious / portfolio / src / components / molecules / Networks.jsx View on Github external
function Networks({ small, hide }) {
  const { basics } = useResume()
  if (hide) return null

  const Animation = posed.aside(moveInTop)

  return (
    
      

      {basics.profiles.map(profile =&gt; (
        
      ))}
    
  )
}