Odyssey styleguide

<insert-markup>components.dialog.with.input-</insert-markup>
Change name

Please enter the return amount.

This input is incorrect.
.odyssey-inputgroup--error
Input error
<insert-markup>components.dialog.with.input-0</insert-markup>
Change name

Please enter the return amount.

This input is incorrect.
Markup
<div class="odyssey-dialog">
	<form class="odyssey-dialog__form">
		<div class="odyssey-dialog__content-wrapper">
			<h6>Change name</h6>
			<div class="odyssey-inputgroup [modifier class]" >
				<p>Please enter the return amount.</p>
				<label class="odyssey-input-labeled" for="input-return-amount">
					<span class="odyssey-input-labeled__label">
						<i class="odyssey-input-labeled__icon"></i>
					</span>
					<input class="odyssey-input-labeled__input" placeholder="Enter value" id="input-return-amount"
						type="number" step="0.01" v-model="formData.amount">
				</label>
				<span class="odyssey-inputgroup__error">This input is incorrect.</span>
			</div>
		</div>
		<div class="odyssey-dialog__button-wrapper">
			<button class="odyssey-dialog__button odyssey-dialog__button--bold">Cancel</button>
			<button class="odyssey-dialog__button odyssey-dialog__button--warning" type="submit">Apply</button>
		</div>
	</form>
</div>
Source: src/components/dialog.less, line 113