Introduction Utilities

Scopes Colors Text Borders SVGs Spacing Background Sizing Position Flex Grid Effects

Components

Button Table Thumb Loader Nav Label Input Checkbox JS Floating Label Input JS Popover JS Tooltip JS Dropdown JS Select JS Modal JS Dropzone JS Resizer JS Table Grid JS Bound Input JS Spreadsheet JS

© 2021 Ben Ehmke

Colors

	10	20	30	40	50	60	70	80	90
gray	gray-10	gray-20	gray-30	gray-40	gray-50	gray-60	gray-70	gray-80	gray-90
green	green-10	green-20	green-30	green-40	green-50	green-60	green-70	green-80	green-90
blue	blue-10	blue-20	blue-30	blue-40	blue-50	blue-60	blue-70	blue-80	blue-90
red	red-10	red-20	red-30	red-40	red-50	red-60	red-70	red-80	red-90
yellow	yellow-10	yellow-20	yellow-30	yellow-40	yellow-50	yellow-60	yellow-70	yellow-80	yellow-90
purple	purple-10	purple-20	purple-30	purple-40	purple-50	purple-60	purple-70	purple-80	purple-90