Input field
Input field component. The default width is 100%, if a different width is wanted an override should be used.
- Default
- Inverse
Labeled input
Labeled Input field component. The default width is 100%, if a different width is wanted an override should be used.
- Default
- Inverse
Input sizing
You can control the size of inputs by adding a class. The following sizing options are available:
- default - 28px
- large - 38px
<label class="lui-label">Label</label>
<input class="lui-input"/>
<label class="lui-label">Label</label>
<input class="lui-input lui-input--large"/>