# 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> |                                                                       |