The button is an essential element of any website. You can use below sample codes to create buttons of different styles.
How To Create Buttons
Use standard HTML tags to create buttons. Below are some examples:
<a href="#">Link Text</a><button>Button Text</button><input type="button" value="Button Text"><input type="submit" value="Button Text">Button - Default Style
Add class button to the button code to create button of default theme style.
<a class="button" href="#">Link Text</a><button class="button">Button Text</button><input class="button" type="button" value="Button Text"><input class="button" type="submit" value="Button Text">Button Size
You can create buttons of following sizes: Normal, Small, Medium, Large
Small Button
<a class="button font-small" href="#">Small Button</a><button class="button font-small">Small Button</button>Medium Button
<a class="button font-2" href="#">Medium Button</a><button class="button font-2">Medium Button</button>Large Button
<a class="button font-3" href="#">Large Button</a><button class="button font-3">Large Button</button>Button Style - Outlined
<a class="button button-outline" href="#">Button Text</a><button class="button button-outline">Button Text</button>Button Style - Round
<a class="button button-round" href="#">Button Text</a><button class="button button-round">Button Text</button>