--- 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 vertical Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ```html Blue Azure ... ``` ## Status with dot ```html example code vertical Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ### Animated dot ```html example code vertical Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ## Lite status ```html example code vertical Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan ``` ## Status dots ```html example code vertical ``` ### Animated dots ```html example code vertical ``` ## Status indicator ```html code example vertical ```