8 unit-input
The input unit.
8.1 Core
The core module.
8.1.1 Default style
The default style.
default
<!-- input -->
<input class="unit-input" type="text" name="" value="" placeholder="Lorem ipsum dolor sit amet." />
<!-- input:disabled -->
<input class="unit-input" type="text" name="" value="" placeholder="あのイーハトーヴォのすきとおった風。" disabled="disabled" />
<!-- textarea -->
<textarea class="unit-input" name="" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>8.2 Theme
The theme module.
8.2.1 Modifiers
The theme modifiers.
default
unit-input--theme-normal
Normal theme
<!-- input -->
<input class="unit-input {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="Lorem ipsum dolor sit amet." />
<!-- input:disabled -->
<input class="unit-input {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="あのイーハトーヴォのすきとおった風。" disabled="disabled" />
<!-- textarea -->
<textarea class="unit-input {{modifier_class}}" name="{{modifier_class}}" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>8.3 Inline
The inline module.
8.3.1 Modifiers
The inline modifiers.
default
unit-input--inline-true
Enable inline
<!-- input -->
<input class="unit-input unit-input--theme-normal {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="Lorem ipsum dolor sit amet." />
<!-- input:disabled -->
<input class="unit-input unit-input--theme-normal {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="あのイーハトーヴォのすきとおった風。" disabled="disabled" />
<!-- textarea -->
<textarea class="unit-input unit-input--theme-normal {{modifier_class}}" name="{{modifier_class}}" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>