Use the button classes on an <a>, <button>, or <input>element.
Add .btn-roundedto default button to get rounded corners.
In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-*-outlineones to remove all background images and colors on any button.
In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-*-outline.btn-roundedones to remove all background images and colors on any button.
Create buttons with minimum width by adding add .w-xs, .w-sm, .w-mdor .w-lg.
Add .btn-lg, .btn-smfor additional sizes.
Use the button classes on an <a>, <button>, or <input>element. And put <span> with class .btn-labeland any iconinside it. If you want to put icon on right side then add class .btn-label-rightin <span>
Use the button classes on an <a>, <button>, or <input>element. And put <span> with class .btn-labeland any iconinside it. If you want to put icon on right side then add class .btn-label-rightin <span>
Icon only button.
Create block level buttons,with by adding add .btn-block.
Use class .btn-@yoursocialto the parent.
Use class .btn-@yoursocialto the parent.
Wrap a series of buttons with .btnin .btn-group.
Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
