Button

Collection of predefined components to use on your siteBuild your custom pages with ease

Style 1 Style 2 Style 3 Style 4 Size Large Size Medium Size Small Size Tiny
Hide code Show code
<a href="#" class="template-button template-button-style-1 template-button-size-large">Large</a>
<a href="#" class="template-button template-button-style-1 template-button-size-medium">Medium</a>
<a href="#" class="template-button template-button-style-1 template-button-size-small">Small</a>
<a href="#" class="template-button template-button-style-1 template-button-size-tiny">Tiny</a>

<a href="#" class="template-button template-button-style-1 template-button-size-medium">Style 1</a>
<a href="#" class="template-button template-button-style-2 template-button-size-medium">Style 2</a>
<a href="#" class="template-button template-button-style-3 template-button-size-medium">Style 3</a>
<a href="#" class="template-button template-button-style-4 template-button-size-medium">Style 4</a>
Hide code Show code
<a href="#" class="template-button template-button-style-5 template-button-size-medium">Style 5</a>
<a href="#" class="template-button template-button-style-6 template-button-size-medium">Style 6</a>
<a href="#" class="template-button template-button-style-7 template-button-size-medium">Style 7</a>
<a href="#" class="template-button template-button-style-8 template-button-size-medium">Style 8</a>

<a href="#" class="template-button template-button-style-6 template-button-size-large">Size Large</a>
<a href="#" class="template-button template-button-style-6 template-button-size-medium">Size Medium</a>
<a href="#" class="template-button template-button-style-6 template-button-size-small">Size Small</a>
<a href="#" class="template-button template-button-style-6 template-button-size-tiny">Size Tiny</a>