---
path: "/transition/props"
component: "transition"
type: "atom"
title: "Transition"
---

Use `<Transition>` component to control `transition`. This component is an extension of `<Box />` component.

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| transition | sets `transition` css property | string or array | null |