Buttons
Default button style
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
Buttons With Icon
Default button style
<button type="button" class="btn btn-primary"><i class="fa-solid fa-table-cells-large me-2"></i>Primary</button>
<button type="button" class="btn btn-secondary"><i class="fa-solid fa-square me-2"></i>Secondary</button>
<button type="button" class="btn btn-success"><i class="fa-solid fa-gear me-2"></i>Success</button>
<button type="button" class="btn btn-danger"><i class="fa-solid fa-circle-exclamation me-2"></i>Danger</button>
<button type="button" class="btn btn-warning"><i class="fa-solid fa-image me-2"></i>Warning</button>
<button type="button" class="btn btn-info"><i class="fa-solid fa-phone-volume me-2"></i>Info</button>
<button type="button" class="btn btn-light"><i class="fa-solid fa-lock me-2"></i>Light</button>
<button type="button" class="btn btn-dark"><i class="fa-solid fa-circle-play me-2"></i>Dark</button>