Basic
Code
PrimarySecondarySuccessDangerWarningInfoDark
Outline
Code
PrimarySecondarySuccessDangerWarningInfoDark
Pills
Code
Primary
Primary
Classic
Code
Primary
Primary
Badges with Heading
Code

Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

Example heading Primary

Example heading Success

Example heading Info

Example heading Warning

Example heading Danger
Example heading Dark
Custom Badges
Code
John DoeJohn Doex
© 2025. Vristo All rights reserved.