Mantis MUI React
v3.2.0
v3.2.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 menu render from Backend
    • Remove Authentication
      • Vite
      • NextJS
  • Figma
  • Integration
    • Seed
    • To Existing Project
    • Comparison
  • 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

Dot

This represents Dot Icon

PreviousButtonNextMain Card
Property
Type
Props Value

color

ColorProps

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

size

number

default - 8px

variant

string

filled (default), outline

sx

CSSObject

Asterisk (*) indicates required props.

Example:

@extended/Dot.tsx
<Dot />
<Dot color="success" />

Preview: Dot used for product status ()

https://mantisdashboard.io/dashboard/analytics