Input field

Input field component. The default width is 100%, if a different width is wanted an override should be used.

<input class="lui-input"/>

<input class="lui-input  lui-input--inverse"/>

Labeled input

Labeled Input field component. The default width is 100%, if a different width is wanted an override should be used.

<label class="lui-label">Label</label>
<input class="lui-input"/>

<label class="lui-label">Label</label>
<input class="lui-input  lui-input--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 Label

<label class="lui-label">Label</label>
<input class="lui-input"/>
<label class="lui-label">Label</label>
<input class="lui-input  lui-input--large"/>