Button

Normal Buttons

Button Default Button Default Accent Button Disabled Button Success Button Info Button
Primary Button Warning Button Accent Button Disabled Primary Button Danger Button

html

<button data-urushi-type="button">Button</button>
<button data-urushi-type="button" class="button-default">DefaultButton</button>
<button data-urushi-type="button" class="button-default-accent">Default Accent Button</button>
<button data-urushi-type="button" disabled>DisabledButton</button>
<button data-urushi-type="button" class="button-success">SuccessButton</button>
<button data-urushi-type="button" class="button-info">InfoButton</button>
<button data-urushi-type="button" class="button-primary">PrimaryButton</button>
<button data-urushi-type="button" class="button-warning">WarningButton</button>
<button data-urushi-type="button" class="button-accent">AccentButton</button>
<button data-urushi-type="button" class="button-primary" disabled>Disabled Primary Button</button>
<button data-urushi-type="button" class="button-danger">DangerButton</button>

---

Flat Buttons

Flat Button Default Flat Button Disabled Flat Button Success Flat Button Info Flat Button
Primary Flat Button Warning Flat Button Accent Flat Button Disabled Flat Primary Button Danger Flat Button

html

<button 
	id="button-flat1"
	data-urushi-type="button"
	class="button-flat">Flat Button</button>
<button
	id="button-flat2"
	data-urushi-type="button"
	class="button-flat button-default">Default Flat Button</button>
<button
	id="button-flat3"
	data-urushi-type="button"
	class="button-flat"
	disabled>Disabled Flat Button</button>
<button
	id="button-flat4"
	data-urushi-type="button"
	class="button-flat button-success">Success Flat Button</button>
<button
	id="button-flat5"
	data-urushi-type="button"
	class="button-flat button-info">Info Flat Button</button>
<button
	id="button-flat6"
	data-urushi-type="button"
	class="button-flat button-primary">Primary Flat Button</button>
<button
	id="button-flat7"
	data-urushi-type="button"
	class="button-flat button-warning">Warning Flat Button</button>
<button
	id="button-flat8"
	data-urushi-type="button"
	class="button-flat button-accent">Accent Flat Button</button>
<button
	id="button-flat9"
	data-urushi-type="button"
	class="button-flat button-primary"
	disabled>Disabled Flat Primary Button</button>
<button
	id="button-flat10"
	data-urushi-type="button"
	class="button-flat button-danger">Danger Flat Button</button>

---

Raised Buttons

Raised Button Default Raised Button Disabled Raised Button Success Raised Button Info Raised Button
Primary Raised Button Warning Raised Button Accent Raised Button Disabled Raised Primary Button Danger Raised Button

html

<button
	id="button-raised1"
	data-urushi-type="button"
	class="button-raised">Raised Button</button>
<button
	id="button-raised2"
	data-urushi-type="button"
	class="button-raised button-default">Default Raised Button</button>
<button
	id="button-raised3"
	data-urushi-type="button"
	class="button-raised"
	disabled>Disabled Raised Button</button>
<button
	id="button-raised4"
	data-urushi-type="button"
	class="button-raised button-success">Success Raised Button</button>
<button
	id="button-raised5"
	data-urushi-type="button"
	class="button-raised button-info">Info Raised Button</button>
<button
	id="button-raised6"
	data-urushi-type="button"
	class="button-raised button-primary">Primary Raised Button</button>
<button
	id="button-raised7"
	data-urushi-type="button"
	class="button-raised button-warning">Warning Raised Button</button>
<button
	id="button-raised8"
	data-urushi-type="button"
	class="button-raised button-accent">Accent Raised Button</button>
<button
	id="button-raised9"
	data-urushi-type="button"
	class="button-raised button-primary"
	disabled>Disabled Raised Primary Button</button>
<button
	id="button-raised10"
	data-urushi-type="button"
	class="button-raised button-danger">Danger Raised Button</button>