import{a as r}from"./iframe-BaLO-W8Q.js";import"./preload-helper-PPVm8Dsz.js";function s(){return`<div class="row wizard courousel-varible-width" role="region" aria-label="Nome del wizard">
	<div class="item prevActive">
		<a href="javascript:void(0)" class="successLabel"><span class="wizard-header-label underlined pl-2">Primo step</span></a>
	</div>
	<div class="item prevActive error">
		<a href="javascript:void(0)" class="errorLabel"><span class="wizard-header-label underlined pl-2">Secondo step</span></a>
	</div>
	<div class="item active">
		<a title="Attivo"> <span class="wizard-header-label">Terzo step</span> </a>
	</div>
	<div class="item">
		<a title="Non attivo"   role="button" tabindex="-1" aria-disabled="true"><span class="wizard-header-label"> Quarto step</span> </a>
	</div>
	<div class="item">
		<a title="Non attivo"  aria-disabled="true" tabindex="-1"><span class="wizard-header-label"> Quinto step</span> </a>
	</div>
	<div class="item">
		<a title="Non attivo"  aria-disabled="true" tabindex="-1"><span class="wizard-header-label"> Sesto step</span> </a>
	</div>
	<div class="item">
		<a title="Non attivo"  aria-disabled="true" tabindex="-1"><span class="wizard-header-label"> Settimo step</span> </a>
	</div>
	<div class="item">
		<a title="Non attivo"  aria-disabled="true" tabindex="-1"><span class="wizard-header-label"> Ottavo step</span> </a>
	</div>
	<div class="item last">
		<a title="Non attivo"  aria-disabled="true" tabindex="-1"><span class="wizard-header-label" > Nono step</span> </a>
	</div>
</div>`}const t=`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. `,l={title:"Componenti/Wizard",tags:["autodocs"],render:({...e})=>s(),parameters:{docs:{showAccessibility:!0,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:t,showCode:!0}},decorators:[(e,i)=>r(e,i,1,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/slick/slick.js"],!0),e=>`<main id="contenutoPrincipale">${e()}</main>`]},a={};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:"{}",...a.parameters?.docs?.source}}};const n=["Wizard"];export{a as Wizard,n as __namedExportsOrder,l as default};
