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
Name, read only
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%
tel
datetime-local
date
time
color
file
image
month
week
number
password
reset
button
search
submit
url