1"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1478],{54286:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>i,metadata:()=>s,toc:()=>l});var o=t(85893),a=t(11151);const i={sidebar_position:1,description:"Lazy fractional vertical space, used with lazy-layout to push content to the bottom of a block while keeping sibling ...",toc_max_heading_level:2},r="lazy-v",s={id:"reference/components/lazy-v",title:"lazy-v",description:"Lazy fractional vertical space, used with lazy-layout to push content to the bottom of a block while keeping sibling ...",source:"@site/docs/reference/components/lazy-v.mdx",sourceDirName:"reference/components",slug:"/reference/components/lazy-v",permalink:"/docs/reference/components/lazy-v",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1,description:"Lazy fractional vertical space, used with lazy-layout to push content to the bottom of a block while keeping sibling ...",toc_max_heading_level:2},sidebar:"tutorialSidebar",previous:{title:"Components",permalink:"/docs/category/components"},next:{title:"lazy-h",permalink:"/docs/reference/components/lazy-h"}},c={},l=[{value:"amount : <TypeLink></TypeLink>",id:"amount",level:3},{value:"weak : <TypeLink></TypeLink> <Default><code>false</code></Default>",id:"weak",level:3}];function d(e){const n={a:"a",code:"code",h1:"h1",h3:"h3",p:"p",pre:"pre",strong:"strong",...(0,a.a)(),...e.components},{Default:t,Param:i,Parameters:r,Signature:s,SignatureName:c,SignatureParam:l,SourceLink:d,TypeLink:h}=n;return t||p("Default",!0),i||p("Param",!0),r||p("Parameters",!0),s||p("Signature",!0),c||p("SignatureName",!0),l||p("SignatureParam",!0),d||p("SourceLink",!0),h||p("TypeLink",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.h1,{id:"lazy-v",children:"lazy-v"}),"\n",(0,o.jsx)(s,{children:(0,o.jsxs)("code",{children:[(0,o.jsx)(c,{children:"lazy-v"}),"(",(0,o.jsxs)(l,{children:[(0,o.jsx)(n.a,{href:"#amount",children:"amount"}),", "]}),(0,o.jsx)(l,{children:(0,o.jsx)(n.a,{href:"#weak",children:"weak: false"})}),")",(0,o.jsx)(d,{href:"https://github.com/touying-typ/touying/blob/main/src/components.typ#L43"})]})}),"\n",(0,o.jsxs)(n.p,{children:["Lazy fractional vertical space, used with ",(0,o.jsx)(n.code,{children:"lazy-layout"})," to push content to the\nbottom of a block while keeping sibling blocks at equal height without filling the\nentire page."]}),"\n",(0,o.jsxs)(n.p,{children:["Has no visual effect without ",(0,o.jsx)(n.code,{children:"lazy-layout"}),". If a column contains multiple ",(0,o.jsx)(n.code,{children:"lazy-v"}),"\nmarkers (stacked blocks), only the last one is activated."]}),"\n",(0,o.jsx)(n.p,{children:"Example:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-typ",children:"#lazy-layout(grid(\n columns: (1fr, 1fr),\n block(width: 100%)[\n #lorem(10)\n #lazy-v(1fr)\n Bottom left.\n ],\n block(width: 100%)[\n #lorem(20)\n #lazy-v(1fr)\n Bottom right.\n ],\n))\n"})}),"\n",(0,o.jsxs)(r,{children:[(0,o.jsxs)(n.h3,{id:"amount",children:["amount : ",(0,o.jsx)(h,{type:"fraction"})]}),(0,o.jsx)(i,{children:(0,o.jsxs)(n.p,{children:["The fractional amount of space (e.g. ",(0,o.jsx)(n.code,{children:"1fr"}),")."]})}),(0,o.jsxs)(n.h3,{id:"weak",children:["weak : ",(0,o.jsx)(h,{type:"bool"})," ",(0,o.jsx)(t,{children:(0,o.jsx)(n.code,{children:"false"})})]}),(0,o.jsx)(i,{children:(0,o.jsxs)(n.p,{children:["Whether the space is weak. Default is ",(0,o.jsx)(n.code,{children:"false"}),"."]})})]}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Returns:"})," ",(0,o.jsx)(h,{type:"content"})]})]})}function h(e={}){const{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}function p(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:()=>s,a:()=>r});var o=t(67294);const a={},i=o.createContext(a);function r(e){const n=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function s(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),o.createElement(i.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.