element-plus/assets/es-ES_component_steps.md.3b6ede7a.lean.js

import{_ as c,a as C,b as l,c as u,d as i,e as D,f as F}from"./chunks/with-status.496bbad7.js";import{_ as r}from"./chunks/contributors.3486bd7a.js";import{c as k,a as n,w as e,u as o,b as s,d as a,e as d,r as m,o as A}from"./app.c3571ef0.js";const g=s("h1",{id:"steps",tabindex:"-1"},[a("Steps "),s("a",{class:"header-anchor",href:"#steps","aria-hidden":"true"},"#")],-1),h=s("p",null,"Gu\xEDa al usuario para completar tareas de acuerdo con el proceso. Sus pasos pueden configurarse de acuerdo con el escenario de aplicaci\xF3n real y el n\xFAmero de pasos no puede ser inferior a dos.",-1),v=s("h2",{id:"uso-basico",tabindex:"-1"},[a("Uso b\xE1sico "),s("a",{class:"header-anchor",href:"#uso-basico","aria-hidden":"true"},"#")],-1),b=s("p",null,"Barra de pasos simple.",-1),_=s("p",null,"steps/basic",-1),S=s("h2",{id:"step-bar-con-el-estatus",tabindex:"-1"},[a("Step bar con el estatus "),s("a",{class:"header-anchor",href:"#step-bar-con-el-estatus","aria-hidden":"true"},"#")],-1),B=s("p",null,"Muestra el estado del step para cada paso.",-1),f=s("p",null,"steps/with-status",-1),q=s("h2",{id:"centrado",tabindex:"-1"},[a("Centrado "),s("a",{class:"header-anchor",href:"#centrado","aria-hidden":"true"},"#")],-1),x=s("p",null,"El t\xEDtulo y la descripci\xF3n pueden estar centrados.",-1),y=s("p",null,"steps/centered",-1),w=s("h2",{id:"step-bar-con-descripcion",tabindex:"-1"},[a("Step bar con descripci\xF3n "),s("a",{class:"header-anchor",href:"#step-bar-con-descripcion","aria-hidden":"true"},"#")],-1),P=s("p",null,"Puede poner una descripci\xF3n para cada paso.",-1),U=s("p",null,"steps/with-description",-1),N=s("h2",{id:"step-bar-con-icono",tabindex:"-1"},[a("Step bar con icono "),s("a",{class:"header-anchor",href:"#step-bar-con-icono","aria-hidden":"true"},"#")],-1),z=s("p",null,"En la barra de pasos se pueden utilizar diversos iconos personalizados.",-1),T=s("p",null,"steps/with-icon",-1),V=s("h2",{id:"step-bar-vertical",tabindex:"-1"},[a("Step bar vertical "),s("a",{class:"header-anchor",href:"#step-bar-vertical","aria-hidden":"true"},"#")],-1),j=s("p",null,"Step bar vertical.",-1),L=s("p",null,"steps/vertical",-1),I=s("h2",{id:"step-bar-simple",tabindex:"-1"},[a("Step bar simple "),s("a",{class:"header-anchor",href:"#step-bar-simple","aria-hidden":"true"},"#")],-1),G=s("p",null,[a("Step bar simple, donde se ignorar\xE1 "),s("code",null,"align-center"),a(", "),s("code",null,"description"),a(", "),s("code",null,"direction"),a(" y "),s("code",null,"space"),a(".")],-1),H=s("p",null,"steps/simple",-1),M=d("",11),Y='{"title":"Steps","description":"","frontmatter":{"title":"Steps","lang":"es-ES"},"headers":[{"level":2,"title":"Uso b\xE1sico","slug":"uso-basico"},{"level":2,"title":"Step bar con el estatus","slug":"step-bar-con-el-estatus"},{"level":2,"title":"Centrado","slug":"centrado"},{"level":2,"title":"Step bar con descripci\xF3n","slug":"step-bar-con-descripcion"},{"level":2,"title":"Step bar con icono","slug":"step-bar-con-icono"},{"level":2,"title":"Step bar vertical","slug":"step-bar-vertical"},{"level":2,"title":"Step bar simple","slug":"step-bar-simple"},{"level":2,"title":"Steps atributos","slug":"steps-atributos"},{"level":2,"title":"Steps Slots","slug":"steps-slots"},{"level":2,"title":"Step atributos","slug":"step-atributos"},{"level":2,"title":"Step Slot","slug":"step-slot"},{"level":2,"title":"Fuente","slug":"fuente"},{"level":2,"title":"Contribuidores","slug":"contribuidores"}],"relativePath":"es-ES/component/steps.md","lastUpdated":null}',O={},Z=Object.assign(O,{setup(R){const t={"../../examples/steps/basic.vue":c,"../../examples/steps/centered.vue":C,"../../examples/steps/simple.vue":l,"../../examples/steps/vertical.vue":u,"../../examples/steps/with-description.vue":i,"../../examples/steps/with-icon.vue":D,"../../examples/steps/with-status.vue":F};return(J,K)=>{const p=m("Demo"),E=r;return A(),k("div",null,[g,h,v,b,n(p,{demos:o(t),source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%