Topcoat

CSS for clean and fast web apps

Button

<button class="topcoat-button">Button</button>
<button class="topcoat-button" disabled>Button</button>

<button class="topcoat-button--quiet">Button</button>
<button class="topcoat-button--quiet" disabled>Button</button>

<button class="topcoat-button--large" >Button</button>
<button class="topcoat-button--large" disabled>Button</button>

<button class="topcoat-button--large--quiet" >Button</button>
<button class="topcoat-button--large--quiet" disabled>Button</button>

<button class="topcoat-button--cta" >Button</button>
<button class="topcoat-button--cta" disabled>Button</button>

<button class="topcoat-button--large--cta" >Button</button>
<button class="topcoat-button--large--cta" disabled>Button</button>