Semua Komponen Bootstrap 5

Alerts

Badges

Primary Secondary Success Danger Warning Info Light Dark Custom Hijau Pill Primary Pill Success

Buttons

Cards

Card Primary
Primary Card

Contoh card dengan warna primary.

Card Success
Success Card

Contoh card dengan warna success.

Card Danger
Danger Card

Contoh card dengan warna danger.

Progress Bars

25%
50%
75%
60%
40%
90%

Tables

# Primary Secondary Success Danger Warning Info
1PrimarySecondarySuccessDangerWarningInfo
2PrimarySecondarySuccessDangerWarningInfo
3PrimarySecondarySuccessDangerWarningInfo
4PrimarySecondarySuccessDangerWarningInfo
5PrimarySecondarySuccessDangerWarningInfo
6PrimarySecondarySuccessDangerWarningInfo

List Groups

  • Primary item
  • Secondary item
  • Success item
  • Danger item
  • Warning item
  • Info item
  • Light item
  • Dark item
Active primary Success action Danger action Warning action Info action

Form Elements

@

Navs & Tabs

Tab content Home - Primary
Tab content Profile - Success
Tab content Contact - Danger

Pagination

Spinners

Tooltips & Popovers

Modal

Accordion

Content accordion 1 - Success

Content accordion 2 - Warning

Content accordion 3 - Dark

Dropdowns

Close Button

Toasts

Semua komponen Bootstrap 5 · tema hijau tua