Size

Sometimes size matters. Use the small or large modifier to make the button smaller or larger.

Markup

Toggle example guides Toggle HTML markup 

<div sg-Stack>
    <div>
        <button pam-Button="large">Large</button>
        <button pam-Button="large flat">Large</button>
        <button pam-Button="circle large">
            <img sg-mock-button-icon src="kss-assets/img/plus.svg" />
        </button>
    </div>
    <div>
        <button pam-Button>Default</button>
        <button pam-Button="flat">Default</button>
        <button pam-Button="circle">
            <img sg-mock-button-icon src="kss-assets/img/plus.svg" />
        </button>
    </div>
    <div>
        <button pam-Button="small">Small</button>
        <button pam-Button="flat small">Small</button>
        <button pam-Button="circle small">
            <img sg-mock-button-icon src="kss-assets/img/plus.svg" />
        </button>
    </div>
</div>