[{"data":1,"prerenderedAt":514},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-switch":12,"i-ph:code":512},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":506,"meta":507,"navigation":128,"path":508,"seo":509,"stem":510,"__hash__":511},"docs\u002Fdocs\u002Fcomponents\u002Fswitch.md","Switch",{"type":16,"value":17,"toc":500},"minimark",[18,22,26,223,228,358,362,392,396,429,433,436,496],[19,20,14],"h1",{"id":21},"switch",[23,24,25],"p",{},"The Switch component is a form control that allows users to toggle between two states. It provides a visual representation of a boolean value and can be customized with labels and different styles.",[27,28,30],"switch-example",{"source-path":29},"Switch\u002FSwitch.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { Switch } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst enabled = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSwitch v-model=\"enabled\" label=\"You're awesome\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,76,103,123,130,155,165,170,180,214],"code",{"__ignoreMap":36},[41,42,45,49,53,57,60,63,67,71,73],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":55}," lang",[41,61,62],{"class":47},"=",[41,64,66],{"class":65},"sBR95","\"",[41,68,70],{"class":69},"sfmH-","ts",[41,72,66],{"class":65},[41,74,75],{"class":47},">\n",[41,77,79,82,85,88,91,94,97,100],{"class":43,"line":78},2,[41,80,81],{"class":51},"import",[41,83,84],{"class":47}," {",[41,86,87],{"class":55}," Switch",[41,89,90],{"class":47}," }",[41,92,93],{"class":51}," from",[41,95,96],{"class":65}," '",[41,98,99],{"class":69},"@dolanske\u002Fvui",[41,101,102],{"class":65},"'\n",[41,104,106,108,110,113,115,117,119,121],{"class":43,"line":105},3,[41,107,81],{"class":51},[41,109,84],{"class":47},[41,111,112],{"class":55}," ref",[41,114,90],{"class":47},[41,116,93],{"class":51},[41,118,96],{"class":65},[41,120,35],{"class":69},[41,122,102],{"class":65},[41,124,126],{"class":43,"line":125},4,[41,127,129],{"emptyLinePlaceholder":128},true,"\n",[41,131,133,137,140,143,146,149,152],{"class":43,"line":132},5,[41,134,136],{"class":135},"sCMWV","const ",[41,138,139],{"class":55},"enabled",[41,141,142],{"class":47}," =",[41,144,112],{"class":145},"sRTv0",[41,147,148],{"class":47},"(",[41,150,151],{"class":51},"false",[41,153,154],{"class":47},")\n",[41,156,158,161,163],{"class":43,"line":157},6,[41,159,160],{"class":47},"\u003C\u002F",[41,162,52],{"class":51},[41,164,75],{"class":47},[41,166,168],{"class":43,"line":167},7,[41,169,129],{"emptyLinePlaceholder":128},[41,171,173,175,178],{"class":43,"line":172},8,[41,174,48],{"class":47},[41,176,177],{"class":51},"template",[41,179,75],{"class":47},[41,181,183,186,188,191,193,195,197,199,202,204,206,209,211],{"class":43,"line":182},9,[41,184,185],{"class":47},"  \u003C",[41,187,14],{"class":51},[41,189,190],{"class":55}," v-model",[41,192,62],{"class":47},[41,194,66],{"class":65},[41,196,139],{"class":69},[41,198,66],{"class":65},[41,200,201],{"class":55}," label",[41,203,62],{"class":47},[41,205,66],{"class":65},[41,207,208],{"class":69},"You're awesome",[41,210,66],{"class":65},[41,212,213],{"class":47}," \u002F>\n",[41,215,217,219,221],{"class":43,"line":216},10,[41,218,160],{"class":47},[41,220,177],{"class":51},[41,222,75],{"class":47},[224,225,227],"h3",{"id":226},"props","Props",[229,230,231,247],"table",{},[232,233,234],"thead",{},[235,236,237,241,244],"tr",{},[238,239,240],"th",{},"Name",[238,242,243],{},"Default",[238,245,246],{},"Type",[248,249,250,271,288,306,324,342],"tbody",{},[235,251,252,258,261],{},[253,254,255],"td",{},[38,256,257],{},"modelValue",[253,259,260],{},"—",[253,262,263,266,267,270],{},[38,264,265],{},"boolean"," ",[268,269],"br",{}," The current state of the switch",[235,272,273,278,280],{},[253,274,275],{},[38,276,277],{},"label",[253,279,260],{},[253,281,282,266,285,287],{},[38,283,284],{},"string",[268,286],{}," The label text for the switch",[235,289,290,295,299],{},[253,291,292],{},[38,293,294],{},"disabled",[253,296,297],{},[38,298,151],{},[253,300,301,266,303,305],{},[38,302,265],{},[268,304],{}," Whether the switch is disabled",[235,307,308,313,317],{},[253,309,310],{},[38,311,312],{},"accent",[253,314,315],{},[38,316,151],{},[253,318,319,266,321,323],{},[38,320,265],{},[268,322],{}," Whether to use the accent color",[235,325,326,331,335],{},[253,327,328],{},[38,329,330],{},"reversed",[253,332,333],{},[38,334,151],{},[253,336,337,266,339,341],{},[38,338,265],{},[268,340],{}," Reverses the switch and label positions",[235,343,344,349,351],{},[253,345,346],{},[38,347,348],{},"hint",[253,350,260],{},[253,352,353,266,355,357],{},[38,354,284],{},[268,356],{}," Helper text displayed below the switch",[224,359,361],{"id":360},"events","Events",[229,363,364,376],{},[232,365,366],{},[235,367,368,370,373],{},[238,369,240],{},[238,371,372],{},"Payload",[238,374,375],{},"Description",[248,377,378],{},[235,379,380,385,389],{},[253,381,382],{},[38,383,384],{},"update:modelValue",[253,386,387],{},[38,388,265],{},[253,390,391],{},"Emitted when the switch state changes",[224,393,395],{"id":394},"slots","Slots",[229,397,398,409],{},[232,399,400],{},[235,401,402,404,407],{},[238,403,240],{},[238,405,406],{},"Accepts",[238,408,375],{},[248,410,411],{},[235,412,413,418,423],{},[253,414,415],{},[38,416,417],{},"default",[253,419,420],{},[38,421,422],{},"any",[253,424,425,426,428],{},"Content to be displayed as the label (overrides the ",[38,427,277],{}," prop if provided)",[224,430,432],{"id":431},"tokens","Tokens",[23,434,435],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[229,437,438,449],{},[232,439,440],{},[235,441,442,445,447],{},[238,443,444],{},"Token",[238,446,243],{},[238,448,375],{},[248,450,451,466,481],{},[235,452,453,458,463],{},[253,454,455],{},[38,456,457],{},"--vui-switch-size",[253,459,460],{},[38,461,462],{},"24px",[253,464,465],{},"Toggle indicator size",[235,467,468,473,478],{},[253,469,470],{},[38,471,472],{},"--vui-switch-indicator-offset",[253,474,475],{},[38,476,477],{},"6px",[253,479,480],{},"Indicator inset from track edge",[235,482,483,488,493],{},[253,484,485],{},[38,486,487],{},"--vui-switch-align",[253,489,490],{},[38,491,492],{},"center",[253,494,495],{},"Vertical alignment of switch",[497,498,499],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":36,"searchDepth":78,"depth":78,"links":501},[502,503,504,505],{"id":226,"depth":105,"text":227},{"id":360,"depth":105,"text":361},{"id":394,"depth":105,"text":395},{"id":431,"depth":105,"text":432},"md",{},"\u002Fdocs\u002Fcomponents\u002Fswitch",{"title":14,"description":25},"docs\u002Fcomponents\u002Fswitch","haVAvwDlsSXxgWsARNfBTulqEUnuSFu-0FLbmwPlcAY",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":513},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200883277]