https://vuetifyjs.com/assets/windows-ZKS4qu7g.js

1import{_ as f}from"./Inline.vue_vue_type_script_setup_true_lang-CGmgJ-7c.js";import{M as w,u as x,v as n,I as o,bJ as i,H as t,b_ as l,bW as c,bU as b,aL as y,ca as g,cb as V,bV as C}from"./index-By4rWtjC.js";import{_ as I}from"./Example.vue_vue_type_script_setup_true_lang-DhLFz3rD.js";import"./Section.vue_vue_type_style_index_0_lang-897AYQnm.js";import"./Headline-CTbgvPr3.js";import"./dynamic-import-helper-BheWnx7M.js";import"./upperFirst-CypMBB4D.js";import"./new-in-CT2u0ctm.js";import"./page-to-api-DbgO0DDx.js";import"./VAutocomplete-lvvXDToe.js";import"./@vuetify-examples-Dvdpb-O_.js";const _={id:"ventanas"},z={id:"uso"},k={id:"api"},j={id:"ejemplos"},M={id:"propiedades"},P={id:"mostrar-flechas"},E={id:"invertir"},$={id:"direccif3n"},D={id:"flechas-personalizadas"},W={id:"misc"},A={id:"creacif3n-de-cuenta"},B={id:"inicio"},Q={meta:{nav:"Ventanas",title:"Componente de ventana",description:"El componente ventana es un contenedor envolvente que permite la transición entre contenido. S\
2irve como base para pestañas y carruseles.",keywords:"ventanas, componente de ventana de Vuetify, componente de ventana de Vue"},features:{github:"/components/VWindow/",label:"C: VWindow",report:!0},related:["/components/carousels/","/components/sheets/","/components/tabs/"],toc:[{text:"Uso",to:"#uso",level:2},{text:"API",to:"#api",level:2},{text:"Ejemplos",to:"#ejemplos",level:2},{text:"Propiedades",to:"#propiedades",level:3},{text:"Mostrar flechas",to:"#mostrar-flechas",level:4},{text:"Invertir",to:"#invertir",level:4},{text:"Dirección",to:"#direccif3n",level:4},{text:"Flechas personalizadas",to:"#flechas-personalizadas",level:4},{text:"Misc",to:"#misc",level:3},{text:"Creación de cuenta",to:"#creacif3n-de-cuenta",level:4},{text:"Inicio",to:"#inicio",level:4}]},R="",X=w({__name:"windows",setup(U,{expose:d}){return d({frontmatter:{meta:{nav:"Ventanas",title:"Componente de ventana",description:"El componente ventana es un contenedor envolvente que permite la transición entre conteni\
3do. Sirve como base para pestañas y carruseles.",keywords:"ventanas, componente de ventana de Vuetify, componente de ventana de Vue"},features:{github:"/components/VWindow/",label:"C: VWindow",report:!0},related:["/components/carousels/","/components/sheets/","/components/tabs/"],toc:[{text:"Uso",to:"#uso",level:2},{text:"API",to:"#api",level:2},{text:"Ejemplos",to:"#ejemplos",level:2},{text:"Propiedades",to:"#propiedades",level:3},{text:"Mostrar flechas",to:"#mostrar-flechas",level:4},{text:"Invertir",to:"#invertir",level:4},{text:"Dirección",to:"#direccif3n",level:4},{text:"Flechas personalizadas",to:"#flechas-personalizadas",level:4},{text:"Misc",to:"#misc",level:3},{text:"Creación de cuenta",to:"#creacif3n-de-cuenta",level:4},{text:"Inicio",to:"#inicio",level:4}]},excerpt:void 0}),(F,e)=>{const s=c,p=g,r=I,u=V,a=C,m=b,v=f;return y(),x("div",null,[n("section",_,[o(s,{href:"#ventanas",level:"1"},{default:i(()=>[...e[0]||(e[0]=[t("Ventanas",-1)])]),_:1}),n("p",null,[e[5]||(e[5]=t("\
4The ",-1)),o(l,null,{default:i(()=>[...e[1]||(e[1]=[t("v-window",-1)])]),_:1}),e[6]||(e[6]=t(" component provides the baseline functionality for transitioning content from one pane to another. Other components such as ",-1)),o(l,null,{default:i(()=>[...e[2]||(e[2]=[t("v-tabs",-1)])]),_:1}),e[7]||(e[7]=t(", ",-1)),o(l,null,{default:i(()=>[...e[3]||(e[3]=[t("v-carousel",-1)])]),_:1}),e[8]||(e[8]=t(" and ",-1)),o(l,null,{default:i(()=>[...e[4]||(e[4]=[t("v-stepper",-1)])]),_:1}),e[9]||(e[9]=t(" utilize this component at their core.",-1))]),o(p),n("section",z,[o(s,{href:"#uso",level:"2"},{default:i(()=>[...e[10]||(e[10]=[t("Uso",-1)])]),_:1}),n("p",null,[e[12]||(e[12]=t("Designed to easily cycle through content, ",-1)),o(l,null,{default:i(()=>[...e[11]||(e[11]=[t("v-window",-1)])]),_:1}),e[13]||(e[13]=t(" provides a simple interface to create custom implementations.",-1))]),o(r,{file:"v-window/usage"}),o(u)]),n("section",k,[o(s,{href:"#api",level:"2"},{default:i(()=>[...e[14]||(e[14]=[t("A\
5PI",-1)])]),_:1}),o(m,null,{default:i(()=>[e[19]||(e[19]=n("thead",null,[n("tr",null,[n("th",null,"Componente"),n("th",null,"Descripción")])],-1)),n("tbody",null,[n("tr",null,[n("td",null,[o(a,{href:"/api/v-window/"},{default:i(()=>[...e[15]||(e[15]=[t("v-window",-1)])]),_:1})]),e[16]||(e[16]=n("td",null,"Componente Primario",-1))]),n("tr",null,[n("td",null,[o(a,{href:"/api/v-window-item/"},{default:i(()=>[...e[17]||(e[17]=[t("v-window-item",-1)])]),_:1})]),e[18]||(e[18]=n("td",null,"Subcomponent utilizado para mostrar un único elemento de ventana",-1))])])]),_:1}),o(v,{"hide-links":""})]),n("section",j,[o(s,{href:"#ejemplos",level:"2"},{default:i(()=>[...e[20]||(e[20]=[t("Ejemplos",-1)])]),_:1}),n("section",M,[o(s,{href:"#propiedades",level:"3"},{default:i(()=>[...e[21]||(e[21]=[t("Propiedades",-1)])]),_:1}),n("section",P,[o(s,{href:"#mostrar-flechas",level:"4"},{default:i(()=>[...e[22]||(e[22]=[t("Mostrar flechas",-1)])]),_:1}),n("p",null,[e[24]||(e[24]=t("By default no arrows are \
6displayed. You can change this by adding the ",-1)),e[25]||(e[25]=n("strong",null,"show-arrows",-1)),e[26]||(e[26]=t(" prop. If you set the prop value to ",-1)),o(l,null,{default:i(()=>[...e[23]||(e[23]=[t('"hover"',-1)])]),_:1}

6),e[27]||(e[27]=t(", they will only show when you mouse over the window.",-1))]),o(r,{file:"v-window/prop-show-arrows"})]),n("section",E,[o(s,{href:"#invertir",level:"4"},{default:i(()=>[...e[28]||(e[28]=[t("Invertir",-1)])]),_:1}),e[29]||(e[29]=n("p",null,[t("The "),n("strong",null,"reverse"),t(" prop will reverse the transitions")],-1)),o(r,{file:"v-window/prop-reverse"})]),n("section",$,[o(s,{href:"#direccif3n",level:"4"},{default:i(()=>[...e[30]||(e[30]=[t("Dirección",-1)])]),_:1}),e[31]||(e[31]=n("p",null,[t("You can change the transition to vertical using the "),n("strong",null,"direction"),t(" prop")],-1)),o(r,{file:"v-window/prop-direction"})]),n("section",D,[o(s,{href:"#flechas-personalizadas",level:"4"},{default:i(()=>[...e[32]||(e[32]=[t("Flechas per\
7sonalizadas",-1)])]),_:1}),e[33]||(e[33]=n("p",null,[t("Arrows can be customized by using "),n("strong",null,"prev"),t(" and "),n("strong",null,"next"),t(" slots.")],-1)),o(r,{file:"v-window/slots-next-prev"})])]),n("section",W,[o(s,{href:"#misc",level:"3"},{default:i(()=>[...e[34]||(e[34]=[t("Misc",-1)])]),_:1}),n("section",A,[o(s,{href:"#creacif3n-de-cuenta",level:"4"},{default:i(()=>[...e[35]||(e[35]=[t("Creación de cuenta",-1)])]),_:1}),n("p",null,[e[37]||(e[37]=t("Create rich forms with smooth animations. ",-1)),o(l,null,{default:i(()=>[...e[36]||(e[36]=[t("v-window",-1)])]),_:1}),e[38]||(e[38]=t(" automatically tracks the current selection index to change the transition direction.",-1))]),o(r,{file:"v-window/misc-account-creation"})]),n("section",B,[o(s,{href:"#inicio",level:"4"},{default:i(()=>[...e[39]||(e[39]=[t("Inicio",-1)])]),_:1}),n("p",null,[o(l,null,{default:i(()=>[...e[40]||(e[40]=[t("v-window",-1)])]),_:1}),e[41]||(e[41]=t(" makes it easy to create custom components s\
8uch as a differently styled stepper.",-1))]),o(r,{file:"v-window/misc-onboarding"})])])])])])}}});export{X as default,R as excerpt,Q as frontmatter};
9//# sourceMappingURL=windows-ZKS4qu7g.js.map