alert.css

<div class="alert">Default</div>
<div class="alert bgPrimary">Primary</div>
Default
Primary
Success
Warning
--alert-border-radius
--alert-padding

button.css

<button>Default</button>
<button className="isLink">Link</button>
<button className="isOutline">Outline</button>
<button disabled>Outline</button>
--button-font-family
--button-font-size
--button-font-weight
--button-border-radius
--button-border-width
--button-padding
--button-speed

chip.css

<div class="chip">Default</div>
<a class="chip">Link<a>
Default
Link
--chip-font-size
--chip-border-radius
--chip-padding
--chip-speed
--chip-weight
--chip-focus

tab.css

<div class="tab">
<a href="">Default 1</a>
<a href="">Default 2</a>
</div>
<div class="tab isSimple">
<a href="">Simple 1</a>
<a href="">Simple 2</a>
</div>
<div class="tab isFull">
<a href="">Full 1</a>
<a href="">Full 2</a>
</div>
--tab-padding
--tab-border

table.css

<table>...</table>
<table class="isBordered">...</table>
<table class="isStriped">...</table>
<table class="isHoverable">...</table>
Default ADefault BDefault C
element 1:aelement 1:belement 1:c
element 2:aelement 2:belement 2:c
element 3:aelement 3:belement 3:c
Bordered ABordered BBordered C
element 1:aelement 1:belement 1:c
element 2:aelement 2:belement 2:c
element 3:aelement 3:belement 3:c
Striped AStriped BStriped C
element 1:aelement 1:belement 1:c
element 2:aelement 2:belement 2:c
element 3:aelement 3:belement 3:c
element 4:aelement 4:belement 4:c
Hoverable AHoverable BHoverable C
element 1:aelement 1:belement 1:c
element 2:aelement 2:belement 2:c
element 3:aelement 3:belement 3:c
--table-border-width
--table-spacing-y
--table-spacing-x