1"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2139],{45953:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>i,default:()=>u,frontMatter:()=>c,metadata:()=>r,toc:()=>d});var o=t(85893),s=t(11151);const c={sidebar_position:6,description:"Adaptive columns layout that automatically chooses the number of columns based on content height.",toc_max_heading_level:2},i="adaptive-columns",r={id:"reference/components/adaptive-columns",title:"adaptive-columns",description:"Adaptive columns layout that automatically chooses the number of columns based on content height.",source:"@site/docs/reference/components/adaptive-columns.mdx",sourceDirName:"reference/components",slug:"/reference/components/adaptive-columns",permalink:"/docs/reference/components/adaptive-columns",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6,description:"Adaptive columns layout that automatically chooses the number of columns based on content height.",toc_max_heading_level:2},sidebar:"tutorialSidebar",previous:{title:"side-by-side",permalink:"/docs/reference/components/side-by-side"},next:{title:"progress-bar",permalink:"/docs/reference/components/progress-bar"}},a={},d=[{value:"gutter : <TypeLink></TypeLink> <Default><code>4%</code></Default>",id:"gutter",level:3},{value:"max-count : <TypeLink></TypeLink> <Default><code>3</code></Default>",id:"max-count",level:3},{value:"start : <TypeLink></TypeLink> | <TypeLink></TypeLink> <Default><code>none</code></Default>",id:"start",level:3},{value:"end : <TypeLink></TypeLink> | <TypeLink></TypeLink> <Default><code>none</code></Default>",id:"end",level:3},{value:"body : <TypeLink></TypeLink>",id:"body",level:3}];function l(e){const n={a:"a",code:"code",h1:"h1",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components},{Default:t,Param:c,Parameters:i,Signature:r,SignatureName:a,SignatureParam:d,SourceLink:l,TypeLink:u}=n;return t||h("Default",!0),c||h("Param",!0),i||h("Parameters",!0),r||h("Signature",!0),a||h("SignatureName",!0),d||h("SignatureParam",!0),l||h("SourceLink",!0),u||h("TypeLink",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.h1,{id:"adaptive-columns",children:"adaptive-columns"}),"\n",(0,o.jsx)(r,{children:(0,o.jsxs)("code",{children:[(0,o.jsx)(a,{children:"adaptive-columns"}),"(",(0,o.jsxs)(d,{children:[(0,o.jsx)(n.a,{href:"#gutter",children:"gutter: 4%"}),", "]}),(0,o.jsxs)(d,{children:[(0,o.jsx)(n.a,{href:"#max-count",children:"max-count: 3"}),", "]}),(0,o.jsxs)(d,{children:[(0,o.jsx)(n.a,{href:"#start",children:"start: none"}),", "]}),(0,o.jsxs)(d,{children:[(0,o.jsx)(n.a,{href:"#end",children:"end: none"}),", "]}),(0,o.jsx)(d,{children:(0,o.jsx)(n.a,{href:"#body",children:"body"})}),")",(0,o.jsx)(l,{href:"https://github.com/touying-typ/touying/blob/main/src/components.typ#L302"})]})}),"\n",(0,o.jsx)(n.p,{children:"Adaptive columns layout that automatically chooses the number of columns based on content height."}),"\n",(0,o.jsxs)(n.p,{children:["Example: ",(0,o.jsx)(n.code,{children:"components.adaptive-columns(outline())"})]}),"\n",(0,o.jsxs)(i,{children:[(0,o.jsxs)(n.h3,{id:"gutter",children:["gutter : ",(0,o.jsx)(u,{type:"length"})," ",(0,o.jsx)(t,{children:(0,o.jsx)(n.code,{children:"4%"})})]}),(0,o.jsx)(c,{children:(0,o.jsxs)(n.p,{children:["The space between columns. Default is ",(0,o.jsx)(n.code,{children:"4%"}),"."]})}),(0,o.jsxs)(n.h3,{id:"max-count",children:["max-count : ",(0,o.jsx)(u,{type:"int"})," ",(0,o.jsx)(t,{children:(0,o.jsx)(n.code,{children:"3"})})]}),(0,o.jsx)(c,{children:(0,o.jsxs)(n.p,{children:["The maximum number of columns. Default is ",(0,o.jsx)(n.code,{children:"3"}),"."]})}),(0,o.jsxs)(n.h3,{id:"start",children:["start : ",(0,o.jsx)(u,{type:"content"})," | ",(0,o.jsx)(u,{type:"none"})," ",(0,o.jsx)(t,{children:(0,o.jsx)(n.code,{children:"none"})})]}),(0,o.jsx)(c,{children:(0,o.jsxs)(n.p,{children:["The content to place before the columns. Default is ",(0,o.jsx)(n.code,{children:"none"}),"."]})}),(0,o.jsxs)(n.h3,{id:"end",children:["end : ",(0,o.jsx)(u,{type:"content"})," | ",(0,o.jsx)(u,{type:"none"})," ",(0,o.jsx)(t,{children:(0,o.jsx)(n.code,{children:"none"})})]}),(0,o.jsx)(c,{children:(0,o.jsxs)(n.p,{children:["The content to place after the columns. Default is ",(0,o.jsx)(n.code,{children:"none"}),"."]})}),(0,o.jsxs)(n.h3,{id:"body",children:["body : ",(0,o.jsx)(u,{type:"content"})]}),(0,o.jsx)(c,{children:(0,o.jsx)(n.p,{children:"The content to place in the columns."})})]}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Returns:"})," ",(0,o.jsx)(u,{type:"content"})]})]})}function u(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(l,{...e})}):l(e)}function h(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},11151:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>i});var o=t(67294);const s={},c=o.createContext(s);function i(e){const n=o.useContext(c);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),o.createElement(c.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.