Notifications
Mark all as read
Order Completed
Your order #1234 has been completed successfully
5 minutes ago
New Message
You have a new message from John Doe
10 minutes ago
Storage Warning
Your storage is almost full (90% used)
1 hour ago
New User Registered
Sarah Wilson just joined your team
2 hours ago
Payment Failed
Payment for invoice #5678 failed
Yesterday
View all notifications

Buttons

Variasi tombol dan ukuran
Variants Sizes With Icons
Basic variants
HTML
<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-light">Light</button>
<button class="btn btn-outline-primary">Outline</button>
Sizes
HTML
<button class="btn btn-primary btn-sm">Small</button>
<button class="btn btn-primary">Default</button>
<button class="btn btn-primary btn-lg">Large</button>
With Icons
HTML
<button class="btn btn-secondary"><i class="bi bi-plus-lg me-1"></i>Add</button>
<button class="btn btn-light"><i class="bi bi-download me-1"></i>Download</button>
<button class="btn btn-outline-primary"><i class="bi bi-box-arrow-up me-1"></i>Export</button>
Button groups & toolbar
HTML
<div class="btn-toolbar" role="toolbar">...</div>
Full width
HTML
<div class="d-grid gap-2">...</div>