Mantis MUI React
v3.1.0
v3.1.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
      • Vite
      • NextJS
  • Figma
  • Integration
    • Seed
    • Comparison
    • To Existing Project
  • Components
    • Avatar
    • BreadCrumb
    • Button
    • Dot
    • Main Card
    • Progress
    • SnackBar
    • Tooltip
    • Transitions
  • Dependencies
    • Vite js
    • Next js
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page
  1. Components

Main Card

This represents MUI Card component

PreviousDotNextProgress

This component extends the original component provided by MUI:

The extended properties are:

Property
Type
Props Value

border

boolean

true (default), false

boxShadow

boolean

false (default), true

subheader

ReactNode | string

style

CSSProperties

content

boolean

true (default), false

contentSX

CardContentProps['sx']

darkTitle

boolean

false (default), true

divider

boolean

true (default), false

sx

CardProps['sx']

secondary

CardHeaderProps['action']

shadow

string

elevation

number

title

ReactNode | string

codeHighlight

boolean

false (default), true

codeString

string

modal

boolean

false (default), true

children*

ReactNode | string

Asterisk (*) indicates required props.

Live Preview:

https://mui.com/material-ui/react-card/
https://mantisdashboard.io/components-overview/cards