> 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/v3.9.0/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 |                                                                       |