@instructure/ui-motion

---

category: packages

ui-motion

     

Components

The ui-motion package contains the following:

• Transition

Installation

yarn add @instructure/ui-motion

Usage

import React from 'react'
import { Heading } from '@instructure/ui-elements'
import { Transition } from '@instructure/ui-motion'

const HeadingWithTransition = () => {
  return (
    <Transition transitionOnMount in>
      <Heading>Hi there!</Heading>
    </Transition>
  )
}