Elements
Text Inputs
Style
States
All text inputs have these states: disabled, active, and focused.
Size
Text inputs are normally 40px high, but a small 32px alternative may be used. Whichever size is used, use the same size for other form elements like dropdowns and buttons.
Full-width inputs are only allowed on the XS grid (0-479). In all other cases, inputs must span to a specified number of columns in the layout.
Disabled
Active
Focus
Validation
Documentation
CSS
Modifiers that can be used with CSS classes in markup.
| Class | Property |
|---|---|
| .btn-outline | Outlined Button |
| .btn-textonly | Text-Only Button |
| .btn-icon-only | Icon-Only Button |
| .disabled, :disabled | Disabled Styles |
| .btn.dropdown-toggle | Dropdown Button |
| .btn-floating | Floating Button |
| .btn-pagination | Pagination Button |