React Components by Nathan Gilbert
Toggle Switch Off
Toggle Switch On
Button Default
Button Circular
Button Default with Icon
Button Circular with Icon
Input Text Box w/ label
Input Text Box type: password
Input Text Box w/o label
Text Area
Menu Tab Not Active
Menu Tab Active
Menu Tab w/ Icon
Active Menu Tab w/ Icon
Search Bar
Select Bar
Modal
User Dropdown
Accordion
Tab Set w/ 3 tabs
- Gator
- Croc
- Sarcosuchus
See ya later, Alligator!
List of custom checkboxes
Progress Step Bar
Default Table
| Header 1 | Header 2 | Header 3 |
| Numbered 1 | Numbered 2 | Numbered 3 |
| Numbered 4 | 5 | Numbered 6 |
| Numbered 7 | Numbered 8 | Numbered 9 |
| Numbered 10 | Numbered 12 |
Rounded Table with custom header class and header lines but no body lines
| Header 1 | Header 2 | Header 3 |
| Numbered 1 | Numbered 2 | Numbered 3 |
| Numbered 4 | 5 | Numbered 6 |
| Numbered 7 | Numbered 8 | Numbered 9 |
| Numbered 10 | Numbered 12 |
Rounded Table with no header lines and horizontal body lines
| Header 1 | Header 2 | Header 3 |
| Numbered 1 | Numbered 2 | Numbered 3 |
| Numbered 4 | 5 | Numbered 6 |
| Numbered 7 | Numbered 8 | Numbered 9 |
| Numbered 10 | Numbered 12 |
Rounded Table with header lines and vertical body lines
| Header 1 | Header 2 | Header 3 |
| Numbered 1 | Numbered 2 | Numbered 3 |
| Numbered 4 | 5 | Numbered 6 |
| Numbered 7 | Numbered 8 | Numbered 9 |
| Numbered 10 | Numbered 12 |
Table with header lines and horizontal & vertical body lines
| Header 1 | Header 2 | Header 3 |
| Numbered 1 | Numbered 2 | Numbered 3 |
| Numbered 4 | 5 | Numbered 6 |
| Numbered 7 | Numbered 8 | Numbered 9 |
| Numbered 10 | Numbered 12 |