import{b as o}from"./Utilities-DayKp0i-.js";function n(){return`<p class="typeOf">Pagine con titolo, step e step con errori:</p>
<h2>H2 Titolo della pagina</h2>
<span class="sr-only">Di seguito sono riepilogati i vari step della procedura</span>
<div class="row wizard courousel-varible-width">
	<div class="item prevActive">
		<a href="javascript:void(0)"> Primo step </a>
	</div>
	<div class="item prevActive">
		<a href="javascript:void(0)" class="errorLabel"> Secondo step </a>
	</div>
	<div class="item active">
		<a title="Attivo"> Terzo step </a>
	</div>
	<div class="item">
		<a title="Non attivo"> Quarto step </a>
	</div>
	<div class="item">
		<a title="Non attivo"> Quinto step </a>
	</div>
	<div class="item">
		<a title="Non attivo"> Sesto step </a>
	</div>
	<div class="item">
		<a title="Non attivo"> Settimo step </a>
	</div>
	<div class="item">
		<a title="Non attivo"> Ottavo step </a>
	</div>
	<div class="item last">
		<a title="Non attivo"> Nono step </a>
	</div>
</div>`}const d=`Il wizard indica una procedura che permette all'utente di eseguire determinate operazioni (solitamente complesse) tramite una serie di passi successivi. Le caratteristiche principali del wizard sono la semplicità d'uso.
- Il numero degli step deve essere sempre visibile.
- Si consiglia, in caso di procedure complesse, di far procedere all'interno del wizard attraverso il bottone “Continua” o “Continua e Salva” per evitare di far saltare l'utente tra i vari step senza un ordine logico.
- La presenza di un errore deve sempre essere evidenziata al completamento di ogni step. `,c={title:"Components/Titoli e Wizard/Wizard",tags:["autodocs"],render:({...e})=>n(),parameters:{docs:{description:{component:"Il wizard indica una procedura che permette all'utente di eseguire determinate operazioni (solitamente complesse) tramite una serie di<br/>passi successivi. Le caratteristiche principali del wizard sono la semplicità d'uso.<br/>- Il numero degli step deve essere sempre visibile.<br/>- Si consiglia, in caso di procedure complesse, di far procedere all'interno del wizard attraverso il bottone “Continua” o “Continua e Salva”<br/>per evitare di far saltare l'utente tra i vari step senza un ordine logico.<br/> - La presenza di un errore deve sempre essere evidenziata al completamento di ogni step."},mdxPage:d,showCode:!0}},decorators:[(e,a)=>o(e,a,1,["static-webkit/js/slick/slick.js"],!1),e=>`<main id="contenutoPrincipale">${e()}</main>`]},i={};var t,r,s;i.parameters={...i.parameters,docs:{...(t=i.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(s=(r=i.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};const p=["Wizard"];export{i as Wizard,p as __namedExportsOrder,c as default};
