> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/berry/components/transitions.md).

# Transitions

This component extends the original component provided by MUI: <https://mui.com/material-ui/transitions/>

The extended properties are:&#x20;

|           |                       |                                                                       |
| --------- | --------------------- | --------------------------------------------------------------------- |
| children  | ReactElement          |                                                                       |
| position  | string                | top-left (default), top, top-right, bottom-left, bottom, bottom-right |
| in        | boolean               | true, false                                                           |
| type      | string                | grow (default), collapse, fade, slide                                 |
| direction | direction             | up (default), down, left, right                                       |
| sx        | CSSProperties         |                                                                       |
| ref       | Ref\<ExoticComponent> |                                                                       |