Buttons use the base button class plus palette and style modifiers: primary, secondary, success, alert, and shapes like hollow, clear, expanded (full width).
Semantics matter
Use <button type="button"> for actions and <a class="button"> for navigation. Size with tiny, small, or large. Group related controls with button-group—similar intent to Bootstrap button groups.
Important interview questions and answers
- Q: button vs button hollow?
A: Solid buttons fill with the palette color; hollow buttons keep a transparent fill with a colored border—better on busy backgrounds. - Q: expanded button?
A:button expandedstretches to the full width of its container—common for mobile CTAs in marketing forms.
Self-check
- What two classes create a small success hollow button?
- Why prefer
buttonoverdivfor clickable actions?