Typography
Title Example
text-title
Subtitle Example
text-subtitle
This is body text with default layout and contrast.
text-body
This is small helper text.
text-small
This is code/monospace text: code font-mono
text-code
Form Fields
input-field
input-field
input-field
input-field-success
input-field-error
input-field
Buttons
btn-primary
btn-secondary
btn-disabled
btn-icon-green
btn-icon-blue
btn-icon-red
btn-icon-disabled
btn-md-black
btn-md-green
btn-md-red
Card Sizes
Small Card
Compact spacing and narrow layout.
Medium Card
This is a medium card, default for most use cases.
Large Card
This is a large card. Ideal for dashboards or feature blocks.
XL Card
This is an extra-large card. Great for summaries or wide content.
Alerts / Notifications
Success! Your changes have been saved.
Error! Something went wrong. Please try again.
Warning! Please double check your inputs.
Heads up! There’s a new update available.
New Feature! Explore the global dashboard 🎉
Command Tags
Status Tags
Online
Offline
Pending
Other
Admin
User
Script Metadata Card
Icons & Tooltip Examples
Tooltip
Edit / Modify
User
Email Address
User ID
API Token
Refresh Action
Copy to Clipboard
Delete
Information
Warning
Success
New Feature