Mantis MUI React
v3.0.0
v3.0.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
  • AnimateButton
  • IconButton
  • LoadingButton
  1. Components

Button

PreviousBreadCrumbNextDot

Last updated 1 year ago

AnimateButton

This represents a Button with animation:

The properties are:

Property
Type
Props Value

type

string

scale (default), slide, rotate

direction

string

right (default), left, up, down

offset

number

10

scale

ScaleProps

{ hover: 1.05, tap: 0.954 }

children*

ReactNode

IconButton

This component extends the original component provided by MUI:

The extended properties are:

Property
Type
Props Value

shape

IconButtonShapeProps

square (default), rounded

variant

ButtonVariantProps

text (default), contained, light, outlined, dashed, shadow

tooltip

boolean | ReactFragment | ReactPortal

false

children*

ReactNode

LoadingButton

The extended properties are:

Property
Type
Props Value

shape

IconButtonShapeProps

square (default), rounded

variant

ButtonVariantProps

text (default), contained, light, outlined, dashed, shadow

color

ButtonProps['color']

primary (default), secondary, info, success, warning, error, inherit, default

children*

ReactNode

Asterisk (*) indicates required props.

This component extends the original component provided by MUI:

Live Preview:

https://mui.com/material-ui/react-button/
https://mui.com/material-ui/react-button/#icon-button
https://mui.com/material-ui/react-button/
https://mantisdashboard.io/components-overview/buttons