Button
Buttons are one of the most important element of a website. Buttons allow users to perform
actions with a single click.
Contained Button
Contained buttons are high-emphasis, distinguished by their use of elevation and fill. They
contain actions that are primary to your app.
Outline Button
Replace
btn-variant with outline-variant to get an outline button.
Link Button
Link buttons are typically used for less-pronounced actions, including those located in dialogs
or in cards. Add the
btn-link modifier to a button to apply the link styles.
Icon Button
Icon Buttons can be created, by using a SVG as a child to parent button. Use the
btn class followed by btn-icon .
Float Button
A demo of the use of
float button is shown in the bottom-right corner
of the page. Just add the btn-float class to the button.