Mantis MUI React
v3.0.0
v1.1.0v1.0.0v1.2.0v2.0.0v2.1.0v3.0.0v3.1.0v3.2.0v3.3.0v3.4.0
v3.0.0
v1.1.0v1.0.0v1.2.0v2.0.0v2.1.0v3.0.0v3.1.0v3.2.0v3.3.0v3.4.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to Firebase
    • Switch to AWS Cognito
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • How to
    • Login as First Page
    • Remove Authentication
  • Figma
  • Integration
    • Seed
    • Comparison
    • To Existing Project
  • Components
    • Avatar
    • BreadCrumb
    • Button
    • Dot
    • Main Card
    • Progress
    • SnackBar
    • Tooltip
    • Transitions
  • Resources
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page
  1. Components

Transitions

PreviousTooltipNextResources

Last updated 1 year ago

This component extends the original components provided by MUI:

The extended properties are:

Property
Type
Props Value

position

string

top-left (default), top, top-right, bottom-left, bottom, bottom-right

sx

CSSProperties

type

string

grow (default), collapse, fade, slide

direction

direction

up (default), down, left, right

Live Preview: (Header Options)

Asterisk (*) indicates required props.

Popup Transition

This represents the zoom transition for Dialog component.

Live Preview:

https://mui.com/material-ui/transitions/
https://mantisdashboard.io/dashboard/default
https://mantisdashboard.io/components-overview/dialogs