Skip to main content

AnimatedView

AnimatedView is a component that provides animation capabilities while maintaining all the layout properties of Box.

Usage​

<AnimatedView 
  opacity={0.8}
  p="md"
  bg="primary-500"
>
  Content goes here
</AnimatedView>

Props​

AnimatedView accepts all the same props as Box, including:

  • Space Props
    • margin, padding and their variants
  • Layout Props
    • width, height, display, etc.
  • Color Props
    • color, backgroundColor, bg
  • Border Props
    • border, borderRadius, etc.
  • Background Props
    • background, backgroundImage, etc.
  • Flexbox Props
    • alignItems, justifyContent, etc.
  • Opacity Props
    • opacity