import{a as d}from"./Utilities-CQhZFhp5.js";function o(){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 l=`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:"Componenti/Wizard",tags:["autodocs"],render:({...e})=>o(),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:l,showCode:!0}},decorators:[(e,i)=>d(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={};var r,s,t;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(t=(s=a.parameters)==null?void 0:s.docs)==null?void 0:t.source}}};const p=["Wizard"];export{a as Wizard,p as __namedExportsOrder,c as default};
