Button Groups Sink

Default/Secondary Buttons

Primary Buttons

Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Buttons

Small Primary Buttons

Small Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Icons Default/Secondary Buttons

Icons Primary Buttons

Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Buttons

Small Icons Primary Buttons

Small Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Text with Icons Default/Secondary Buttons

Text with Icons Primary Buttons

Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Buttons

Small Text with Icons Primary Buttons

Small Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Icons Only Buttons

Icon Only Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Only Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Only Buttons

Small Icon Only Radio Buttons (Single Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Small Icons Only Checkboxes (Multi Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Content Test Default/Secondary Buttons

Content Test Primary Buttons

Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Buttons

Small Content Test Primary Buttons

Small Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Many Default/Secondary Buttons

Content Many Primary Buttons

Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Buttons

Small Content Many Primary Buttons

Small Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Button/Button Group Alignment

Small Button/Small Button Group Alignment

Default/Secondary Buttons

Primary Buttons

Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Buttons

Small Primary Buttons

Small Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Icons Default/Secondary Buttons

Icons Primary Buttons

Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Buttons

Small Icons Primary Buttons

Small Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Text with Icons Default/Secondary Buttons

Text with Icons Primary Buttons

Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Buttons

Small Text with Icons Primary Buttons

Small Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Icons Only Buttons

Icon Only Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Only Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Only Buttons

Small Icon Only Radio Buttons (Single Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Small Icons Only Checkboxes (Multi Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Content Test Default/Secondary Buttons

Content Test Primary Buttons

Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Buttons

Small Content Test Primary Buttons

Small Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Many Default/Secondary Buttons

Content Many Primary Buttons

Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Buttons

Small Content Many Primary Buttons

Small Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Button/Button Group Alignment

Small Button/Small Button Group Alignment

Default/Secondary Buttons

Primary Buttons

Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Buttons

Small Primary Buttons

Small Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Icons Default/Secondary Buttons

Icons Primary Buttons

Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Buttons

Small Icons Primary Buttons

Small Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Text with Icons Default/Secondary Buttons

Text with Icons Primary Buttons

Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Buttons

Small Text with Icons Primary Buttons

Small Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Icons Only Buttons

Icon Only Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Only Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Only Buttons

Small Icon Only Radio Buttons (Single Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Small Icons Only Checkboxes (Multi Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Content Test Default/Secondary Buttons

Content Test Primary Buttons

Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Buttons

Small Content Test Primary Buttons

Small Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Many Default/Secondary Buttons

Content Many Primary Buttons

Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Buttons

Small Content Many Primary Buttons

Small Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Button/Button Group Alignment

Small Button/Small Button Group Alignment

Default/Secondary Buttons

Primary Buttons

Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Primary Radio Buttons Justified (Single Select with CSS)

Red
Orange
Yellow
Green

Default/Secondary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Primary Checkboxes Justified (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Buttons

Small Primary Buttons

Small Default/Secondary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Primary Radio Buttons (Single Select with CSS)

Red
Orange
Yellow
Green

Small Default/Secondary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Small Primary Checkboxes (Multi Select with CSS)

Red
Orange
Yellow
Green

Icons Default/Secondary Buttons

Icons Primary Buttons

Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Buttons

Small Icons Primary Buttons

Small Icons Default/Secondary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Default/Secondary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Primary Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Text with Icons Default/Secondary Buttons

Text with Icons Primary Buttons

Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Buttons

Small Text with Icons Primary Buttons

Small Text with Icons Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Small Text with Icons Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless

Icons Only Buttons

Icon Only Radio Buttons (Single Select with CSS)

caret-left
group
wrench-padless
search-padless

Icons Only Checkboxes (Multi Select with CSS)

caret-left
group
wrench-padless
search-padless

Small Icons Only Buttons

Small Icon Only Radio Buttons (Single Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Small Icons Only Checkboxes (Multi Select with CSS)

caret-circle-down--s
bell--s
open-new--s
search--s

Content Test Default/Secondary Buttons

Content Test Primary Buttons

Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Buttons

Small Content Test Primary Buttons

Small Content Test Default/Secondary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Radio Buttons (Single Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Default/Secondary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Small Content Test Primary Checkboxes (Multi Select with CSS)

.
wrench-padless Settings
This is a really very very incredibly ridiculously tremendously fantastically absurdly long label for a button in a button group

Content Many Default/Secondary Buttons

Content Many Primary Buttons

Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Buttons

Small Content Many Primary Buttons

Small Content Many Default/Secondary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Radio Buttons (Single Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Default/Secondary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Small Content Many Primary Checkboxes (Multi Select with CSS)

Copy group
wrench-padless Settings
Search search-padless
Copy More
Additional Settings
Search Further
Green
Greener

Button/Button Group Alignment

Small Button/Small Button Group Alignment