Alerts
This is a primary alert.
This is a secondary alert.
This is a success alert.
This is a warning alert.
This is a danger alert.
Operation completed successfully!
Something went wrong. Please try again.
Cards
Card with Image
A visual card
This card includes an image at the top, followed by a title and description.
Text-Only Card
No image needed
This card is text-only and demonstrates a simpler card layout without any image.
Featured
Header & Footer
This card uses a header and footer for extra structure and emphasis.
Form
Badges
New Beta Hot InfoProgress
Table
| # | Name | Role | Status |
|---|---|---|---|
| 1 | Alice | Designer | Active |
| 2 | Bob | Developer | Active |
| 3 | Charlie | Tester | On Leave |
| 4 | Diana | Manager | Active |