[{"data":1,"prerenderedAt":940},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-grid":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":934,"meta":935,"navigation":133,"path":936,"seo":937,"stem":938,"__hash__":939},"docs/docs/components/grid.md","Grid",{"type":28,"value":29,"toc":930},"minimark",[30,34,38,57,507,512,515,891,895,926],[31,32,26],"h1",{"id":33},"grid",[35,36,37],"p",{},"A simple grid layout component that provides a convenient way to create grid layouts with various alignment and spacing options. Note that this component is not meant for complex grid layouts.",[35,39,40,41,44,45,48,49,52,53,56],{},"Most layout controls are boolean toggles. When you omit them, Grid falls back to CSS defaults such as ",[42,43,33],"code",{},", ",[42,46,47],{},"row"," auto-flow, ",[42,50,51],{},"stretch",", and the theme ",[42,54,55],{},"s"," gap.",[58,59,60],"grid-example",{},[61,62,67],"pre",{"className":63,"code":64,"language":65,"meta":66,"style":66},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Grid } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CGrid :columns=\"3\" gap=\"m\" center>\n    \u003Cdiv>Item 1\u003C/div>\n    \u003Cdiv>Item 2\u003C/div>\n    \u003Cdiv>Item 3\u003C/div>\n  \u003C/Grid>\n\n  \u003C!-- Custom grid template -->\n  \u003CGrid columns=\"4fr 0.5fr 1fr\" gap=\"m\">\n    \u003Cdiv>Wide\u003C/div>\n    \u003Cdiv>Narrow\u003C/div>\n    \u003Cdiv>Narrow\u003C/div>\n  \u003C/Grid>\n\n  \u003C!-- Grid with rows -->\n  \u003CGrid :columns=\"2\" rows=\"1fr 2fr\" gap=\"m\">\n    \u003Cdiv>Top Left\u003C/div>\n    \u003Cdiv>Top Right\u003C/div>\n    \u003Cdiv>Bottom Left\u003C/div>\n    \u003Cdiv>Bottom Right\u003C/div>\n  \u003C/Grid>\n\u003C/template>\n","vue","",[42,68,69,89,118,128,135,145,189,211,229,247,257,262,269,300,318,336,353,362,367,373,417,435,453,471,489,498],{"__ignoreMap":66},[70,71,74,78,82,86],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"sP76a","\u003C",[70,79,81],{"class":80},"sKpE2","script",[70,83,85],{"class":84},"sflEz"," setup",[70,87,88],{"class":76},">\n",[70,90,92,95,98,101,104,107,111,115],{"class":72,"line":91},2,[70,93,94],{"class":80},"import",[70,96,97],{"class":76}," {",[70,99,100],{"class":84}," Grid",[70,102,103],{"class":76}," }",[70,105,106],{"class":80}," from",[70,108,110],{"class":109},"sBR95"," '",[70,112,114],{"class":113},"sfmH-","@dolanske/vui",[70,116,117],{"class":109},"'\n",[70,119,121,124,126],{"class":72,"line":120},3,[70,122,123],{"class":76},"\u003C/",[70,125,81],{"class":80},[70,127,88],{"class":76},[70,129,131],{"class":72,"line":130},4,[70,132,134],{"emptyLinePlaceholder":133},true,"\n",[70,136,138,140,143],{"class":72,"line":137},5,[70,139,77],{"class":76},[70,141,142],{"class":80},"template",[70,144,88],{"class":76},[70,146,148,151,153,156,160,163,166,170,172,175,177,179,182,184,187],{"class":72,"line":147},6,[70,149,150],{"class":76},"  \u003C",[70,152,26],{"class":80},[70,154,155],{"class":76}," :",[70,157,159],{"class":158},"sRTv0","columns",[70,161,162],{"class":76},"=",[70,164,165],{"class":76},"\"",[70,167,169],{"class":168},"socUO","3",[70,171,165],{"class":76},[70,173,174],{"class":84}," gap",[70,176,162],{"class":76},[70,178,165],{"class":109},[70,180,181],{"class":113},"m",[70,183,165],{"class":109},[70,185,186],{"class":84}," center",[70,188,88],{"class":76},[70,190,192,195,198,201,205,207,209],{"class":72,"line":191},7,[70,193,194],{"class":76},"    \u003C",[70,196,197],{"class":80},"div",[70,199,200],{"class":76},">",[70,202,204],{"class":203},"sX1ls","Item 1",[70,206,123],{"class":76},[70,208,197],{"class":80},[70,210,88],{"class":76},[70,212,214,216,218,220,223,225,227],{"class":72,"line":213},8,[70,215,194],{"class":76},[70,217,197],{"class":80},[70,219,200],{"class":76},[70,221,222],{"class":203},"Item 2",[70,224,123],{"class":76},[70,226,197],{"class":80},[70,228,88],{"class":76},[70,230,232,234,236,238,241,243,245],{"class":72,"line":231},9,[70,233,194],{"class":76},[70,235,197],{"class":80},[70,237,200],{"class":76},[70,239,240],{"class":203},"Item 3",[70,242,123],{"class":76},[70,244,197],{"class":80},[70,246,88],{"class":76},[70,248,250,253,255],{"class":72,"line":249},10,[70,251,252],{"class":76},"  \u003C/",[70,254,26],{"class":80},[70,256,88],{"class":76},[70,258,260],{"class":72,"line":259},11,[70,261,134],{"emptyLinePlaceholder":133},[70,263,265],{"class":72,"line":264},12,[70,266,268],{"class":267},"sR5Ys","  \u003C!-- Custom grid template -->\n",[70,270,272,274,276,279,281,283,286,288,290,292,294,296,298],{"class":72,"line":271},13,[70,273,150],{"class":76},[70,275,26],{"class":80},[70,277,278],{"class":84}," columns",[70,280,162],{"class":76},[70,282,165],{"class":109},[70,284,285],{"class":113},"4fr 0.5fr 1fr",[70,287,165],{"class":109},[70,289,174],{"class":84},[70,291,162],{"class":76},[70,293,165],{"class":109},[70,295,181],{"class":113},[70,297,165],{"class":109},[70,299,88],{"class":76},[70,301,303,305,307,309,312,314,316],{"class":72,"line":302},14,[70,304,194],{"class":76},[70,306,197],{"class":80},[70,308,200],{"class":76},[70,310,311],{"class":203},"Wide",[70,313,123],{"class":76},[70,315,197],{"class":80},[70,317,88],{"class":76},[70,319,321,323,325,327,330,332,334],{"class":72,"line":320},15,[70,322,194],{"class":76},[70,324,197],{"class":80},[70,326,200],{"class":76},[70,328,329],{"class":203},"Narrow",[70,331,123],{"class":76},[70,333,197],{"class":80},[70,335,88],{"class":76},[70,337,339,341,343,345,347,349,351],{"class":72,"line":338},16,[70,340,194],{"class":76},[70,342,197],{"class":80},[70,344,200],{"class":76},[70,346,329],{"class":203},[70,348,123],{"class":76},[70,350,197],{"class":80},[70,352,88],{"class":76},[70,354,356,358,360],{"class":72,"line":355},17,[70,357,252],{"class":76},[70,359,26],{"class":80},[70,361,88],{"class":76},[70,363,365],{"class":72,"line":364},18,[70,366,134],{"emptyLinePlaceholder":133},[70,368,370],{"class":72,"line":369},19,[70,371,372],{"class":267},"  \u003C!-- Grid with rows -->\n",[70,374,376,378,380,382,384,386,388,391,393,396,398,400,403,405,407,409,411,413,415],{"class":72,"line":375},20,[70,377,150],{"class":76},[70,379,26],{"class":80},[70,381,155],{"class":76},[70,383,159],{"class":158},[70,385,162],{"class":76},[70,387,165],{"class":76},[70,389,390],{"class":168},"2",[70,392,165],{"class":76},[70,394,395],{"class":84}," rows",[70,397,162],{"class":76},[70,399,165],{"class":109},[70,401,402],{"class":113},"1fr 2fr",[70,404,165],{"class":109},[70,406,174],{"class":84},[70,408,162],{"class":76},[70,410,165],{"class":109},[70,412,181],{"class":113},[70,414,165],{"class":109},[70,416,88],{"class":76},[70,418,420,422,424,426,429,431,433],{"class":72,"line":419},21,[70,421,194],{"class":76},[70,423,197],{"class":80},[70,425,200],{"class":76},[70,427,428],{"class":203},"Top Left",[70,430,123],{"class":76},[70,432,197],{"class":80},[70,434,88],{"class":76},[70,436,438,440,442,444,447,449,451],{"class":72,"line":437},22,[70,439,194],{"class":76},[70,441,197],{"class":80},[70,443,200],{"class":76},[70,445,446],{"class":203},"Top Right",[70,448,123],{"class":76},[70,450,197],{"class":80},[70,452,88],{"class":76},[70,454,456,458,460,462,465,467,469],{"class":72,"line":455},23,[70,457,194],{"class":76},[70,459,197],{"class":80},[70,461,200],{"class":76},[70,463,464],{"class":203},"Bottom Left",[70,466,123],{"class":76},[70,468,197],{"class":80},[70,470,88],{"class":76},[70,472,474,476,478,480,483,485,487],{"class":72,"line":473},24,[70,475,194],{"class":76},[70,477,197],{"class":80},[70,479,200],{"class":76},[70,481,482],{"class":203},"Bottom Right",[70,484,123],{"class":76},[70,486,197],{"class":80},[70,488,88],{"class":76},[70,490,492,494,496],{"class":72,"line":491},25,[70,493,252],{"class":76},[70,495,26],{"class":80},[70,497,88],{"class":76},[70,499,501,503,505],{"class":72,"line":500},26,[70,502,123],{"class":76},[70,504,142],{"class":80},[70,506,88],{"class":76},[508,509,511],"h3",{"id":510},"props","Props",[35,513,514],{},"The idea is that you control the component by using boolean props. This allows you to define layouts quickly.",[516,517,518,534],"table",{},[519,520,521],"thead",{},[522,523,524,528,531],"tr",{},[525,526,527],"th",{},"Name",[525,529,530],{},"Default",[525,532,533],{},"Type",[535,536,537,560,601,621,638,656,674,692,710,728,747,765,783,801,819,837,855,873],"tbody",{},[522,538,539,545,550],{},[540,541,542],"td",{},[42,543,544],{},"inline",[540,546,547],{},[42,548,549],{},"false",[540,551,552,555,556,559],{},[42,553,554],{},"boolean"," ",[557,558],"br",{}," Makes the grid container inline",[522,561,562,567,571],{},[540,563,564],{},[42,565,566],{},"gap",[540,568,569],{},[42,570,55],{},[540,572,573,555,576,555,579,555,581,555,583,555,586,555,589,555,592,555,595,555,598,600],{},[42,574,575],{},"xxs",[42,577,578],{},"xs",[42,580,55],{},[42,582,181],{},[42,584,585],{},"l",[42,587,588],{},"xl",[42,590,591],{},"xxl",[42,593,594],{},"xxxl",[42,596,597],{},"number",[557,599],{}," Gap between grid items (theme spacing token or custom unit value)",[522,602,603,608,611],{},[540,604,605],{},[42,606,607],{},"rows",[540,609,610],{},"—",[540,612,613,555,615,555,618,620],{},[42,614,597],{},[42,616,617],{},"string",[557,619],{}," Number of rows or custom grid template rows",[522,622,623,627,629],{},[540,624,625],{},[42,626,159],{},[540,628,610],{},[540,630,631,555,633,555,635,637],{},[42,632,597],{},[42,634,617],{},[557,636],{}," Number of columns or custom grid template columns",[522,639,640,645,649],{},[540,641,642],{},[42,643,644],{},"center",[540,646,647],{},[42,648,549],{},[540,650,651,555,653,655],{},[42,652,554],{},[557,654],{}," Centers items on both axes",[522,657,658,663,667],{},[540,659,660],{},[42,661,662],{},"x-start",[540,664,665],{},[42,666,51],{},[540,668,669,555,671,673],{},[42,670,554],{},[557,672],{}," Aligns items to the start on the inline axis",[522,675,676,681,685],{},[540,677,678],{},[42,679,680],{},"x-end",[540,682,683],{},[42,684,549],{},[540,686,687,555,689,691],{},[42,688,554],{},[557,690],{}," Aligns items to the end on the inline axis",[522,693,694,699,703],{},[540,695,696],{},[42,697,698],{},"x-center",[540,700,701],{},[42,702,549],{},[540,704,705,555,707,709],{},[42,706,554],{},[557,708],{}," Centers items on the inline axis",[522,711,712,717,721],{},[540,713,714],{},[42,715,716],{},"x-stretch",[540,718,719],{},[42,720,51],{},[540,722,723,555,725,727],{},[42,724,554],{},[557,726],{}," Stretches items across the inline axis",[522,729,730,735,740],{},[540,731,732],{},[42,733,734],{},"y-start",[540,736,737],{},[42,738,739],{},"start",[540,741,742,555,744,746],{},[42,743,554],{},[557,745],{}," Aligns items to the start on the block axis",[522,748,749,754,758],{},[540,750,751],{},[42,752,753],{},"y-end",[540,755,756],{},[42,757,549],{},[540,759,760,555,762,764],{},[42,761,554],{},[557,763],{}," Aligns items to the end on the block axis",[522,766,767,772,776],{},[540,768,769],{},[42,770,771],{},"y-center",[540,773,774],{},[42,775,549],{},[540,777,778,555,780,782],{},[42,779,554],{},[557,781],{}," Centers items on the block axis",[522,784,785,790,794],{},[540,786,787],{},[42,788,789],{},"y-baseline",[540,791,792],{},[42,793,549],{},[540,795,796,555,798,800],{},[42,797,554],{},[557,799],{}," Aligns items along their baselines",[522,802,803,808,812],{},[540,804,805],{},[42,806,807],{},"y-stretch",[540,809,810],{},[42,811,51],{},[540,813,814,555,816,818],{},[42,815,554],{},[557,817],{}," Stretches items across the block axis",[522,820,821,826,830],{},[540,822,823],{},[42,824,825],{},"auto-flow-row",[540,827,828],{},[42,829,47],{},[540,831,832,555,834,836],{},[42,833,554],{},[557,835],{}," Auto-places grid items by rows",[522,838,839,844,848],{},[540,840,841],{},[42,842,843],{},"auto-flow-column",[540,845,846],{},[42,847,549],{},[540,849,850,555,852,854],{},[42,851,554],{},[557,853],{}," Auto-places grid items by columns",[522,856,857,862,866],{},[540,858,859],{},[42,860,861],{},"auto-flow-dense",[540,863,864],{},[42,865,549],{},[540,867,868,555,870,872],{},[42,869,554],{},[557,871],{}," Enables dense auto-placement packing",[522,874,875,880,884],{},[540,876,877],{},[42,878,879],{},"expand",[540,881,882],{},[42,883,549],{},[540,885,886,555,888,890],{},[42,887,554],{},[557,889],{}," Makes the grid container expand to full width",[508,892,894],{"id":893},"slots","Slots",[516,896,897,909],{},[519,898,899],{},[522,900,901,903,906],{},[525,902,527],{},[525,904,905],{},"Accepts",[525,907,908],{},"Description",[535,910,911],{},[522,912,913,918,923],{},[540,914,915],{},[42,916,917],{},"default",[540,919,920],{},[42,921,922],{},"any",[540,924,925],{},"The grid items to be laid out",[927,928,929],"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 .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}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":66,"searchDepth":91,"depth":91,"links":931},[932,933],{"id":510,"depth":120,"text":511},{"id":893,"depth":120,"text":894},"md",{},"/docs/components/grid",{"title":26,"description":37},"docs/components/grid","qE1Y_hxmHkCLUH3buPwUgwF3O3Kms56YhA0bzfQ4Mog",1777992281014]