[{"data":1,"prerenderedAt":617},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-divider":12,"i-ph:code":615},{"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":609,"meta":610,"navigation":115,"path":611,"seo":612,"stem":613,"__hash__":614},"docs\u002Fdocs\u002Fcomponents\u002Fdivider.md","Divider",{"type":16,"value":17,"toc":604},"minimark",[18,22,26,344,349,464,468,499,503,506,600],[19,20,14],"h1",{"id":21},"divider",[23,24,25],"p",{},"A divider component that creates a horizontal or vertical line to separate content. It supports line thickness, style type, and can include content in the middle.",[27,28,30],"divider-example",{"source-path":29},"Divider\u002FDivider.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>\nimport { Avatar, Divider, Flex } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDivider \u002F>\n  \u003CDivider :size=\"2\" type=\"dashed\" \u002F>\n  \u003CFlex>\n    \u003Cspan>One\u003C\u002Fspan>\n    \u003CDivider vertical height=\"16px\" \u002F>\n    \u003Cspan>Two\u003C\u002Fspan>\n    \u003CDivider vertical height=\"24px\" :size=\"4\" \u002F>\n    \u003Cspan>Three\u003C\u002Fspan>\n  \u003C\u002FFlex>\n  \u003CDivider>\n    \u003CAvatar \u002F>\n  \u003C\u002FDivider>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,100,110,117,127,138,173,183,204,228,246,279,297,307,316,326,335],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"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":47},">\n",[41,61,63,66,69,72,75,78,80,83,86,89,93,97],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Avatar",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," Divider",[41,79,74],{"class":47},[41,81,82],{"class":55}," Flex",[41,84,85],{"class":47}," }",[41,87,88],{"class":51}," from",[41,90,92],{"class":91},"sBR95"," '",[41,94,96],{"class":95},"sfmH-","@dolanske\u002Fvui",[41,98,99],{"class":91},"'\n",[41,101,103,106,108],{"class":43,"line":102},3,[41,104,105],{"class":47},"\u003C\u002F",[41,107,52],{"class":51},[41,109,59],{"class":47},[41,111,113],{"class":43,"line":112},4,[41,114,116],{"emptyLinePlaceholder":115},true,"\n",[41,118,120,122,125],{"class":43,"line":119},5,[41,121,48],{"class":47},[41,123,124],{"class":51},"template",[41,126,59],{"class":47},[41,128,130,133,135],{"class":43,"line":129},6,[41,131,132],{"class":47},"  \u003C",[41,134,14],{"class":51},[41,136,137],{"class":47}," \u002F>\n",[41,139,141,143,145,148,151,154,157,159,162,164,166,169,171],{"class":43,"line":140},7,[41,142,132],{"class":47},[41,144,14],{"class":51},[41,146,147],{"class":55}," :size",[41,149,150],{"class":47},"=",[41,152,153],{"class":91},"\"",[41,155,156],{"class":95},"2",[41,158,153],{"class":91},[41,160,161],{"class":55}," type",[41,163,150],{"class":47},[41,165,153],{"class":91},[41,167,168],{"class":95},"dashed",[41,170,153],{"class":91},[41,172,137],{"class":47},[41,174,176,178,181],{"class":43,"line":175},8,[41,177,132],{"class":47},[41,179,180],{"class":51},"Flex",[41,182,59],{"class":47},[41,184,186,189,191,194,198,200,202],{"class":43,"line":185},9,[41,187,188],{"class":47},"    \u003C",[41,190,41],{"class":51},[41,192,193],{"class":47},">",[41,195,197],{"class":196},"sX1ls","One",[41,199,105],{"class":47},[41,201,41],{"class":51},[41,203,59],{"class":47},[41,205,207,209,211,214,217,219,221,224,226],{"class":43,"line":206},10,[41,208,188],{"class":47},[41,210,14],{"class":51},[41,212,213],{"class":55}," vertical",[41,215,216],{"class":55}," height",[41,218,150],{"class":47},[41,220,153],{"class":91},[41,222,223],{"class":95},"16px",[41,225,153],{"class":91},[41,227,137],{"class":47},[41,229,231,233,235,237,240,242,244],{"class":43,"line":230},11,[41,232,188],{"class":47},[41,234,41],{"class":51},[41,236,193],{"class":47},[41,238,239],{"class":196},"Two",[41,241,105],{"class":47},[41,243,41],{"class":51},[41,245,59],{"class":47},[41,247,249,251,253,255,257,259,261,264,266,268,270,272,275,277],{"class":43,"line":248},12,[41,250,188],{"class":47},[41,252,14],{"class":51},[41,254,213],{"class":55},[41,256,216],{"class":55},[41,258,150],{"class":47},[41,260,153],{"class":91},[41,262,263],{"class":95},"24px",[41,265,153],{"class":91},[41,267,147],{"class":55},[41,269,150],{"class":47},[41,271,153],{"class":91},[41,273,274],{"class":95},"4",[41,276,153],{"class":91},[41,278,137],{"class":47},[41,280,282,284,286,288,291,293,295],{"class":43,"line":281},13,[41,283,188],{"class":47},[41,285,41],{"class":51},[41,287,193],{"class":47},[41,289,290],{"class":196},"Three",[41,292,105],{"class":47},[41,294,41],{"class":51},[41,296,59],{"class":47},[41,298,300,303,305],{"class":43,"line":299},14,[41,301,302],{"class":47},"  \u003C\u002F",[41,304,180],{"class":51},[41,306,59],{"class":47},[41,308,310,312,314],{"class":43,"line":309},15,[41,311,132],{"class":47},[41,313,14],{"class":51},[41,315,59],{"class":47},[41,317,319,321,324],{"class":43,"line":318},16,[41,320,188],{"class":47},[41,322,323],{"class":51},"Avatar",[41,325,137],{"class":47},[41,327,329,331,333],{"class":43,"line":328},17,[41,330,302],{"class":47},[41,332,14],{"class":51},[41,334,59],{"class":47},[41,336,338,340,342],{"class":43,"line":337},18,[41,339,105],{"class":47},[41,341,124],{"class":51},[41,343,59],{"class":47},[345,346,348],"h3",{"id":347},"props","Props",[350,351,352,368],"table",{},[353,354,355],"thead",{},[356,357,358,362,365],"tr",{},[359,360,361],"th",{},"Name",[359,363,364],{},"Default",[359,366,367],{},"Type",[369,370,371,397,417,437],"tbody",{},[356,372,373,379,384],{},[374,375,376],"td",{},[38,377,378],{},"size",[374,380,381],{},[38,382,383],{},"1",[374,385,386,389,390,389,393,396],{},[38,387,388],{},"number"," ",[38,391,392],{},"string",[394,395],"br",{}," Divider line thickness",[356,398,399,404,409],{},[374,400,401],{},[38,402,403],{},"type",[374,405,406],{},[38,407,408],{},"solid",[374,410,411,389,414,416],{},[38,412,413],{},"'solid' | 'dashed' | 'dotted'",[394,415],{}," Divider line style",[356,418,419,424,429],{},[374,420,421],{},[38,422,423],{},"vertical",[374,425,426],{},[38,427,428],{},"false",[374,430,431,389,434,436],{},[38,432,433],{},"boolean",[394,435],{}," Makes the divider vertical instead of horizontal",[356,438,439,444,449],{},[374,440,441],{},[38,442,443],{},"height",[374,445,446],{},[38,447,448],{},"100%",[374,450,451,389,453,389,455,457,458,460,461],{},[38,452,388],{},[38,454,392],{},[394,456],{}," Height for a vertical divider. Pass it when ",[38,459,423],{}," is ",[38,462,463],{},"true",[345,465,467],{"id":466},"slots","Slots",[350,469,470,482],{},[353,471,472],{},[356,473,474,476,479],{},[359,475,361],{},[359,477,478],{},"Accepts",[359,480,481],{},"Description",[369,483,484],{},[356,485,486,491,496],{},[374,487,488],{},[38,489,490],{},"default",[374,492,493],{},[38,494,495],{},"any",[374,497,498],{},"Content to be displayed in the middle of the divider (creates a text divider)",[345,500,502],{"id":501},"tokens","Tokens",[23,504,505],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[350,507,508,519],{},[353,509,510],{},[356,511,512,515,517],{},[359,513,514],{},"Token",[359,516,364],{},[359,518,481],{},[369,520,521,536,550,564,583],{},[356,522,523,528,533],{},[374,524,525],{},[38,526,527],{},"--vui-divider-size",[374,529,530],{},[38,531,532],{},"1px",[374,534,535],{},"Line thickness",[356,537,538,543,547],{},[374,539,540],{},[38,541,542],{},"--vui-divider-height",[374,544,545],{},[38,546,448],{},[374,548,549],{},"Vertical divider height",[356,551,552,557,561],{},[374,553,554],{},[38,555,556],{},"--vui-divider-type",[374,558,559],{},[38,560,408],{},[374,562,563],{},"Border style",[356,565,566,571,580],{},[374,567,568],{},[38,569,570],{},"--vui-divider-color",[374,572,573],{},[574,575,577],"a",{"href":576},"\u002Fdocs\u002Ftokens\u002Fcolors",[38,578,579],{},"var(--color-border)",[374,581,582],{},"Line color",[356,584,585,590,597],{},[374,586,587],{},[38,588,589],{},"--vui-divider-slot-outline-color",[374,591,592],{},[574,593,594],{"href":576},[38,595,596],{},"var(--color-bg)",[374,598,599],{},"Slot label outline color",[601,602,603],"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 .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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":62,"depth":62,"links":605},[606,607,608],{"id":347,"depth":102,"text":348},{"id":466,"depth":102,"text":467},{"id":501,"depth":102,"text":502},"md",{},"\u002Fdocs\u002Fcomponents\u002Fdivider",{"title":14,"description":25},"docs\u002Fcomponents\u002Fdivider","bt3eDIWeYvJ6vTeo_8upDOT8bCgRNab7-ch9CCbj1DI",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":616},"\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>",1782200882653]