Components

Alert Avatar Badges Button Card Grid Image Input List Modal

Badge

Badges display quick and easy status, text or number information to the user.
Here we offer two types of Badges- Status Badge and Notification Badge

Status Badge

To generate a status badge use the base class badge-status, and add any one of the following class to alter the status- status-available, status-idle, status-busy, and status-offline

Extra Large Size Avatar
Large Size Avatar
Medium Size Avatar
Small Size Avatar
Extra Small Size Avatar

Notification Badge

To generate a Notification badge. Follow any one of the necessary code as as per use cases

Text with a badge4
Text with a large badge1
Button with a badge on the left. . .
8
Button toggles badge visibility . .
7
Icon with a badge . .
4