Stappen

V264-01

Toont de inhoud van het formulier verdeeld in stappen. De kalender staat altijd op de eerste stap en het totaal aan transacties op de laatste. Daar buiten om is de inhoud van iedere stap door de webbouwer zelf te bepalen.

Zie de standaard view voor de opties en mogelijkheden die standaard mogelijk zijn.

Voorvertoning

Hoe te gebruiken?

HTML
Kopiëren<reservation-form name="fiets" view="wizard">
	<div data-title="Kies een moment"></div>

	<div data-title="Uw gegevens">
		[...]
	</div>

	<div data-title="Betaling"></div>
</reservation-form> 

CSS
Kopiëren[data-partial="reservation-form"] .wizard-indicator {
	padding: 0.75rem 1rem;
}
[data-partial="reservation-form"] .wizard-indicator.active {
	background-color: var(--secondary);
	color: white;
	font-weight: bold;
	border-radius: var(--button-radius);
}