1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3591],{3096:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>h,meta:()=>s});var t=i(37876),d=i(91668),o=i(26650),r=i(66130),a=i(49684);let s={title:"Container Widget",linkTitle:"Container",description:"Group widgets into a compact 2-column grid to organize related tools side by side and keep your customizable new tab dashboard tidy and scannable."},l=e=>{let{children:n,...i}=e;return(0,t.jsx)(r.B,{meta:s,children:(0,t.jsx)(o.M,{meta:s,...i,children:n})})};function c(e){let n={h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.N,{widget:"Container"}),"\n",(0,t.jsx)(n.p,{children:"The Container widget lets you group multiple widgets together in a compact 2-column grid. It's perfect for organizing related widgets side by side - for example, pairing a weather widget with a world clock, or placing several small widgets in a tidy block."}),"\n",(0,t.jsx)(n.h2,{id:"how-to-use",children:"How to Use"}),"\n",(0,t.jsx)(n.p,{children:"Add a Container widget to your page, then add other widgets inside it. The Container arranges its children in a 2-column grid that adapts to the available space - two columns on wider screens and a single column on smaller screens."}),"\n",(0,t.jsx)(n.h3,{id:"adding-widgets-inside-a-container",children:"Adding Widgets Inside a Container"}),"\n",(0,t.jsxs)(n.p,{children:["In edit mode, click the ",(0,t.jsx)(n.strong,{children:"+ Add Widget"})," button inside the Container. A widget picker opens showing all widgets that can be placed inside a Container. Choose a widget and it will appear in the grid."]}),"\n",(0,t.jsx)(n.h3,{id:"removing-widgets-from-a-container",children:"Removing Widgets from a Container"}),"\n",(0,t.jsx)(n.p,{children:"In edit mode, use the widget toolbar controls on any child widget to delete or rearrange it within the Container."}),"\n",(0,t.jsx)(n.h3,{id:"reordering-widgets-inside-a-container",children:"Reordering Widgets Inside a Container"}),"\n",(0,t.jsx)(n.p,{children:"In edit mode, use the move up and move down buttons in each child widget's toolbar to change the order."}),"\n",(0,t.jsx)(n.h2,{id:"good-to-know",children:"Good to Know"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Most widgets can be added to a Container. A few larger widgets - like Canvas, AI Image, Audio Editor, Tasks, and Spacer - are not available inside Containers."}),"\n",(0,t.jsx)(n.li,{children:"You cannot nest a Container inside another Container."}),"\n",(0,t.jsx)(n.li,{children:"The Container itself has no extra settings - it simply provides a 2-column layout for the widgets inside it."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"tips",children:"Tips"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Use Containers to create compact dashboard sections - for example, group a Links widget and a Quick Note side by side."}),"\n",(0,t.jsx)(n.li,{children:"Containers work well for small utility widgets like Date & Time, Stopwatch, or Currency Converter that don't need a full-width row."}),"\n"]})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(l,{...e,children:(0,t.jsx)(c,{...e})})}},42102:(e,n,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/widgets/container",function(){return i(3096)}])}},e=>{e.O(0,[2221,6851,9931,9743,9684,636,6593,8792],()=>e(e.s=42102)),_N_E=e.O()}]);
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.