Odyssey styleguide

Input group

Toggle example guides Toggle HTML markup

<insert-markup>forms.input.group-</insert-markup>
.odyssey-inputgroup--error
Error input
<insert-markup>forms.input.group-0</insert-markup>
.odyssey-inputgroup--correct
Correct input
<insert-markup>forms.input.group-1</insert-markup>
.odyssey-inputgroup--disabled
Disabled input
<insert-markup>forms.input.group-2</insert-markup>
Markup 
<div class="odyssey-inputgroup [modifier class]">
    <label for="transactionId" class="odyssey-inputgroup__label">transaction ID</label>
    <input id="transactionId" class="odyssey-inputgroup__input" type="text" name="transactionId" value="WS-5332-5533-2817">
	<label for="transactionId" class="odyssey-inputgroup__error">that’s not a correct e-mail address</label>
</div>
Source: src/forms/text_inputs.less, line 64