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
  1. Components

Dot

This represents Dot Icon

PreviousButtonNextMain Card

Last updated 1 year 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