Pages
Checkbox
Range
Sometimes, we want the bold, smaller style. Lookbook CSS tries to intelligently apply this style globally. The base case is normally sized label, as seen below. Use .label to manually apply the bolder style.
.label
Label immediately preceeding an input
Label for a checkbox is normal
Label with .label
Name, placeholder
Name
Name, disabled
Name, disabled with text
Search
Use as .mode-inline. Ideally used on grey backgrounds.
.mode-inline
grey
Submit
Other Submit
Text Some text
Disabled Some text
Placeholder
Product Delta team, January 2019 Martin Drew Johan Nevyn Tabanitha Andoma Forrest Carl A really really really really really really really long text
Multiple selects Martin Drew Johan Nevyn Tabanitha Andoma Forrest Carl A really really really really really really really long text
Disabled select Martin Drew Johan Nevyn Tabanitha Andoma Forrest Carl A really really really really really really really long text
Want lowercase (edit field to see error styling)
Want lowercase (edit field to see error styling) Erase me
.input-invalid
Manually applied
Some description with .input-warning
.input-warning
Progress 50%
Progress done 100%
Date
Time
Color