Button

---

A button indicates a distinct action and executes a function. Text, icon, or a combination of the two express the action and are supported by the variant and occasionally a tooltip.

---

How to use

To use button just add btn class to the HTML tag.

---

Variants

1. Primary: Provide the strongest visual emphasis to an action with a solid background — one per context.
2. Secondary: Indicate a supplemental action with a border that matches the variant and a background that is close to, or the same as the page background color — one or more per context.
3. Tertiary: Incorporate a borderless action into the flow that has a background during interaction for affordance — one or more per context.

---

Examples

---

Link Buttons

These buttons will point to a URL.

---

Icon Buttons

These buttons will point to a URL.

---

Floating action buttons

These buttons will appear at bottom right. Use btn-floatingto implement. Click button to show floating button.

---