1"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2244],{41709:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>s,toc:()=>c});var o=t(85893),i=t(11151);const r={sidebar_position:16,description:"A block that extends horizontally to the full page width by applying negative horizontal padding that cancels out the...",toc_max_heading_level:2},l="full-width-block",s={id:"reference/components/full-width-block",title:"full-width-block",description:"A block that extends horizontally to the full page width by applying negative horizontal padding that cancels out the...",source:"@site/docs/reference/components/full-width-block.mdx",sourceDirName:"reference/components",slug:"/reference/components/full-width-block",permalink:"/docs/reference/components/full-width-block",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:16,frontMatter:{sidebar_position:16,description:"A block that extends horizontally to the full page width by applying negative horizontal padding that cancels out the...",toc_max_heading_level:2},sidebar:"tutorialSidebar",previous:{title:"page-container",permalink:"/docs/reference/components/page-container"},next:{title:"Slides",permalink:"/docs/category/slides"}},a={},c=[{value:"..args : <TypeLink></TypeLink>",id:"args",level:3},{value:"body : <TypeLink></TypeLink>",id:"body",level:3}];function d(e){const n={a:"a",code:"code",h1:"h1",h3:"h3",p:"p",pre:"pre",strong:"strong",...(0,i.a)(),...e.components},{Param:t,Parameters:r,Signature:l,SignatureName:s,SignatureParam:a,SourceLink:c,TypeLink:d}=n;return t||p("Param",!0),r||p("Parameters",!0),l||p("Signature",!0),s||p("SignatureName",!0),a||p("SignatureParam",!0),c||p("SourceLink",!0),d||p("TypeLink",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.h1,{id:"full-width-block",children:"full-width-block"}),"\n",(0,o.jsx)(l,{children:(0,o.jsxs)("code",{children:[(0,o.jsx)(s,{children:"full-width-block"}),"(",(0,o.jsxs)(a,{children:[(0,o.jsx)(n.a,{href:"#args",children:"..args"}),", "]}),(0,o.jsx)(a,{children:(0,o.jsx)(n.a,{href:"#body",children:"body"})}),")",(0,o.jsx)(c,{href:"https://github.com/touying-typ/touying/blob/main/src/components.typ#L1122"})]})}),"\n",(0,o.jsx)(n.p,{children:"A block that extends horizontally to the full page width by applying\nnegative horizontal padding that cancels out the current page margins."}),"\n",(0,o.jsx)(n.p,{children:"Useful for components like progress bars, section banners, or background\nfills that need to span the entire page width regardless of the slide margins."}),"\n",(0,o.jsx)(n.p,{children:"Example:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-typ",children:"#full-width-block(fill: blue)[Full-width content]\n"})}),"\n",(0,o.jsxs)(r,{children:[(0,o.jsxs)(n.h3,{id:"args",children:["..args : ",(0,o.jsx)(d,{type:"arguments"})]}),(0,o.jsx)(t,{children:(0,o.jsxs)(n.p,{children:["Named and positional arguments forwarded to the inner ",(0,o.jsx)(n.code,{children:"block"})," call (e.g. ",(0,o.jsx)(n.code,{children:"fill"}),", ",(0,o.jsx)(n.code,{children:"height"}),", ",(0,o.jsx)(n.code,{children:"inset"}),", \u2026)."]})}),(0,o.jsxs)(n.h3,{id:"body",children:["body : ",(0,o.jsx)(d,{type:"content"})]}),(0,o.jsx)(t,{children:(0,o.jsx)(n.p,{children:"The content to place inside the full-width block."})})]}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Returns:"})," ",(0,o.jsx)(d,{type:"content"})]})]})}function h(e={}){const{wrapper:n}={...(0,i.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:()=>l});var o=t(67294);const i={},r=o.createContext(i);function l(e){const n=o.useContext(r);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(i):e.components||i:l(e.components),o.createElement(r.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.