Mantis MUI React
v3.5.0
v3.5.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Package
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to Firebase
    • Switch to AWS Cognito
    • Switch to Supabase
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • How to
    • Login as First Page
    • Dashboard as First Page
    • Render Menu from the backend
    • 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
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page
  1. Components

Dot

This represents Dot Icon

PreviousButtonNextMain Card

Last updated 22 days ago

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