--- title: Statuses description: Status dots are particularly useful if you want to make an interface element more noticeable regardless of limited space. --- ## Default markup ```html example Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ```html Blue Azure ``` ## Status with dot ```html code example Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ### Animated dot ```html code example Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ## Lite status ```html code example Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ## Status dots ```html code example ``` ### Animated dots ```html code example ``` ## Status indicator ```html code example ```