Feedback
Status
A small component indicating the status of an another element in the UI.
Elements
The component is composed of one status element with a string inside. The color of the dot is handled with a modifier class.
<p class="status status--success">Status</p>Status
Properties
Add classes to the wrapper class to change the style of the component.
Color
Changes the color to convey the severity of the status.
class="status status--success"
Success
class="status status--info"
Info
class="status status--warning"
Warning
class="status status--error"
Error
class="status"
Default
Inactive
Dense
Make the status component smaller.
class="status status--dense"
Dense