CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] straight-corners theme-clean no-tint sidebar-default sidebar-list-default links-default"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><link rel="preconnect" href="https://static.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=1&quality=100&sign=31e2f76f&sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=2&quality=100&sign=31e2f76f&sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=3&quality=100&sign=31e2f76f&sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/2567c890e467e55b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/79eda1c72751119a.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw" href="https://static.gitbook.com/_next/static/chunks/webpack-7701ea28c02815ed.js"/><script src="https://static.gitbook.com/_next/static/chunks/1dd3208c-d78985df41c8a89e.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/4850-4b0a9d49477fe59a.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/main-app-c07e1aaf5d99656e.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/app/global-error-b714c3eec7ee0789.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/8907-9009309fb3e0b083.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/4289-e244cb7b0ef2dc5c.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/5572-d068cc2bc8e73d12.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/5890-3ab2501336ce1348.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/8843-30fae0bf3c03b39d.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/983-9489f7ffde3c01ca.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/8091-a4921ca326c37a5a.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/5843-8f7228bb2904612a.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/1255-d9c4cec1d694e3c4.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/9322-ad0be248f8428e5e.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/error-8bec5df9fdc2197a.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/3625-453944d6ea4368cb.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js" async="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script><meta name="color-scheme" content="light dark"/><title>Overview | Umbraco UI Builder</title><meta name="description" content="Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta name="generator" content="GitBook (31bcd1a)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/collections/overview"/><meta property="og:title" content="Overview | Umbraco UI Builder"/><meta property="og:description" content="Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta property="og:image" content="https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/OwndjMXtz7zxr5dlKYjt"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Overview | Umbraco UI Builder"/><meta name="twitter:description" content="Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta name="twitter:image" content="https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/OwndjMXtz7zxr5dlKYjt"/><link rel="icon" href="https://1641680020-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FtS6oNQD7iBM115KitxiF%2Ficon%2FkpC85XLbkdFYMrMEVusH%2FUmbraco_Documentations_logo_icon.png?alt=media&token=4da6af9e-5371-468c-bf0b-87986002c861" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://1641680020-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FtS6oNQD7iBM115KitxiF%2Ficon%2FkpC85XLbkdFYMrMEVusH%2FUmbraco_Documentations_logo_icon.png?alt=media&token=4da6af9e-5371-468c-bf0b-87986002c861" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><link rel="privacy-policy" href="https://our.umbraco.com/privacy-policy"/><style> :root { --primary-1: 253 255 255; --contrast-primary-1: 29 29 29; --primary-2: 246 250 255; --contrast-primary-2: 29 29 29; --primary-3: 241 247 255; --contrast-primary-3: 29 29 29; --primary-4: 234 242 255; --contrast-primary-4: 29 29 29; --primary-5: 227 237 255; --contrast-primary-5: 29 29 29; --primary-6: 217 229 255; --contrast-primary-6: 29 29 29; --primary-7: 203 216 253; --contrast-primary-7: 29 29 29; --primary-8: 188 203 246; --contrast-primary-8: 29 29 29; --primary-9: 97 125 224; --contrast-primary-9: 255 255 255; --primary-10: 86 113 211; --contrast-primary-10: 255 255 255; --primary-11: 76 101 198; --contrast-primary-11: 255 255 255; --primary-12: 11 0 99; --contrast-primary-12: 255 255 255; --primary-original: 40 58 151; --contrast-primary-original: 255 255 255; --tint-1: 255 255 255; --contrast-tint-1: 29 29 29; --tint-2: 249 250 252; --contrast-tint-2: 29 29 29; --tint-3: 246 247 251; --contrast-tint-3: 29 29 29; --tint-4: 240 242 247; --contrast-tint-4: 29 29 29; --tint-5: 235 237 242; --contrast-tint-5: 29 29 29; --tint-6: 227 229 236; --contrast-tint-6: 29 29 29; --tint-7: 214 217 224; --contrast-tint-7: 29 29 29; --tint-8: 201 204 213; --contrast-tint-8: 29 29 29; --tint-9: 125 132 152; --contrast-tint-9: 255 255 255; --tint-10: 114 121 140; --contrast-tint-10: 255 255 255; --tint-11: 103 110 129; --contrast-tint-11: 255 255 255; --tint-12: 23 28 44; --contrast-tint-12: 255 255 255; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29; --neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29; --neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29; --neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29; --neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29; --neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29; --neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29; --neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255; --neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255; --neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 40 58 151; --header-link: 255 255 255; --info-1: 255 255 255; --contrast-info-1: 29 29 29; --info-2: 250 250 250; --contrast-info-2: 29 29 29; --info-3: 247 247 247; --contrast-info-3: 29 29 29; --info-4: 242 242 242; --contrast-info-4: 29 29 29; --info-5: 237 237 237; --contrast-info-5: 29 29 29; --info-6: 229 229 229; --contrast-info-6: 29 29 29; --info-7: 217 217 217; --contrast-info-7: 29 29 29; --info-8: 204 204 204; --contrast-info-8: 29 29 29; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 121 121 121; --contrast-info-10: 255 255 255; --info-11: 110 110 110; --contrast-info-11: 255 255 255; --info-12: 29 29 29; --contrast-info-12: 255 255 255; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 255 254 249; --contrast-warning-1: 29 29 29; --warning-2: 255 248 238; --contrast-warning-2: 29 29 29; --warning-3: 255 244 230; --contrast-warning-3: 29 29 29; --warning-4: 255 238 219; --contrast-warning-4: 29 29 29; --warning-5: 255 232 208; --contrast-warning-5: 29 29 29; --warning-6: 255 223 194; --contrast-warning-6: 29 29 29; --warning-7: 246 210 176; --contrast-warning-7: 29 29 29; --warning-8: 237 196 157; --contrast-warning-8: 29 29 29; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 187 92 0; --contrast-warning-10: 255 255 255; --warning-11: 174 81 0; --contrast-warning-11: 255 255 255; --warning-12: 75 0 0; --contrast-warning-12: 255 255 255; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 255 252 251; --contrast-danger-1: 29 29 29; --danger-2: 255 244 242; --contrast-danger-2: 29 29 29; --danger-3: 255 239 235; --contrast-danger-3: 29 29 29; --danger-4: 255 231 226; --contrast-danger-4: 29 29 29; --danger-5: 255 223 217; --contrast-danger-5: 29 29 29; --danger-6: 255 212 205; --contrast-danger-6: 29 29 29; --danger-7: 255 196 189; --contrast-danger-7: 29 29 29; --danger-8: 255 181 173; --contrast-danger-8: 29 29 29; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 228 0 33; --contrast-danger-10: 255 255 255; --danger-11: 214 0 17; --contrast-danger-11: 255 255 255; --danger-12: 101 0 0; --contrast-danger-12: 255 255 255; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 251 255 251; --contrast-success-1: 29 29 29; --success-2: 241 254 242; --contrast-success-2: 29 29 29; --success-3: 234 254 236; --contrast-success-3: 29 29 29; --success-4: 224 251 227; --contrast-success-4: 29 29 29; --success-5: 214 248 218; --contrast-success-5: 29 29 29; --success-6: 202 242 206; --contrast-success-6: 29 29 29; --success-7: 185 231 190; --contrast-success-7: 29 29 29; --success-8: 167 220 173; --contrast-success-8: 29 29 29; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 152 23; --contrast-success-10: 255 255 255; --success-11: 0 140 0; --contrast-success-11: 255 255 255; --success-12: 0 47 0; --contrast-success-12: 255 255 255; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } .dark { --primary-1: 32 28 28; --contrast-primary-1: 255 255 255; --primary-2: 40 33 32; --contrast-primary-2: 255 255 255; --primary-3: 52 41 41; --contrast-primary-3: 255 255 255; --primary-4: 58 43 43; --contrast-primary-4: 255 255 255; --primary-5: 67 48 48; --contrast-primary-5: 255 255 255; --primary-6: 73 51 51; --contrast-primary-6: 255 255 255; --primary-7: 86 59 60; --contrast-primary-7: 255 255 255; --primary-8: 100 68 69; --contrast-primary-8: 255 255 255; --primary-9: 251 160 162; --contrast-primary-9: 29 29 29; --primary-10: 202 116 119; --contrast-primary-10: 255 255 255; --primary-11: 255 163 165; --contrast-primary-11: 29 29 29; --primary-12: 255 226 227; --contrast-primary-12: 29 29 29; --primary-original: 251 160 162; --contrast-primary-original: 29 29 29; --tint-1: 29 29 29; --contrast-tint-1: 255 255 255; --tint-2: 35 34 34; --contrast-tint-2: 255 255 255; --tint-3: 45 44 43; --contrast-tint-3: 255 255 255; --tint-4: 49 47 47; --contrast-tint-4: 255 255 255; --tint-5: 55 53 53; --contrast-tint-5: 255 255 255; --tint-6: 59 57 57; --contrast-tint-6: 255 255 255; --tint-7: 70 67 67; --contrast-tint-7: 255 255 255; --tint-8: 80 77 77; --contrast-tint-8: 255 255 255; --tint-9: 139 130 130; --contrast-tint-9: 255 255 255; --tint-10: 151 142 142; --contrast-tint-10: 255 255 255; --tint-11: 199 189 189; --contrast-tint-11: 29 29 29; --tint-12: 255 252 252; --contrast-tint-12: 29 29 29; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255; --neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255; --neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255; --neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255; --neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255; --neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255; --neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255; --neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255; --neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29; --neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 251 160 162; --header-link: 29 29 29; --info-1: 29 29 29; --contrast-info-1: 255 255 255; --info-2: 34 34 34; --contrast-info-2: 255 255 255; --info-3: 44 44 44; --contrast-info-3: 255 255 255; --info-4: 48 48 48; --contrast-info-4: 255 255 255; --info-5: 53 53 53; --contrast-info-5: 255 255 255; --info-6: 57 57 57; --contrast-info-6: 255 255 255; --info-7: 67 67 67; --contrast-info-7: 255 255 255; --info-8: 78 78 78; --contrast-info-8: 255 255 255; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 144 144 144; --contrast-info-10: 255 255 255; --info-11: 192 192 192; --contrast-info-11: 29 29 29; --info-12: 255 255 255; --contrast-info-12: 29 29 29; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 32 28 25; --contrast-warning-1: 255 255 255; --warning-2: 40 33 26; --contrast-warning-2: 255 255 255; --warning-3: 53 41 30; --contrast-warning-3: 255 255 255; --warning-4: 60 44 29; --contrast-warning-4: 255 255 255; --warning-5: 69 49 29; --contrast-warning-5: 255 255 255; --warning-6: 76 52 27; --contrast-warning-6: 255 255 255; --warning-7: 90 61 30; --contrast-warning-7: 255 255 255; --warning-8: 104 70 34; --contrast-warning-8: 255 255 255; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 213 116 0; --contrast-warning-10: 255 255 255; --warning-11: 255 165 34; --contrast-warning-11: 29 29 29; --warning-12: 255 229 115; --contrast-warning-12: 29 29 29; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 34 27 26; --contrast-danger-1: 255 255 255; --danger-2: 45 30 29; --contrast-danger-2: 255 255 255; --danger-3: 60 37 35; --contrast-danger-3: 255 255 255; --danger-4: 69 38 35; --contrast-danger-4: 255 255 255; --danger-5: 80 41 38; --contrast-danger-5: 255 255 255; --danger-6: 89 41 38; --contrast-danger-6: 255 255 255; --danger-7: 105 48 44; --contrast-danger-7: 255 255 255; --danger-8: 121 54 50; --contrast-danger-8: 255 255 255; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 255 52 59; --contrast-danger-10: 255 255 255; --danger-11: 255 113 108; --contrast-danger-11: 255 255 255; --danger-12: 255 180 169; --contrast-danger-12: 29 29 29; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 26 31 26; --contrast-success-1: 255 255 255; --success-2: 28 37 29; --contrast-success-2: 255 255 255; --success-3: 33 48 35; --contrast-success-3: 255 255 255; --success-4: 33 54 35; --contrast-success-4: 255 255 255; --success-5: 34 61 38; --contrast-success-5: 255 255 255; --success-6: 32 66 38; --contrast-success-6: 255 255 255; --success-7: 37 78 44; --contrast-success-7: 255 255 255; --success-8: 41 90 50; --contrast-success-8: 255 255 255; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 176 54; --contrast-success-10: 255 255 255; --success-11: 62 227 106; --contrast-success-11: 29 29 29; --success-12: 139 255 168; --contrast-success-12: 29 29 29; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } </style><script src="https://static.gitbook.com/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw"></script></head><body class="__className_2f5617 __className_aca046 __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint"><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><header id="site-header" class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg"><div class="theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2"><div class="scroll-nojump"><div class="gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 page-no-toc:max-[400px]:flex-wrap px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex max-w-full page-no-toc:max-[400px]:w-full min-w-0 shrink items-center justify-start gap-2 lg:gap-4"><button class="flex flex-row items-center py-1 px-2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo min-w-0 shrink flex items-center" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=1&quality=100&sign=31e2f76f&sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=2&quality=100&sign=31e2f76f&sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=3&quality=100&sign=31e2f76f&sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2 128w" sizes="32px" width="2084" height="1881"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=1&quality=100&sign=31e2f76f&sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=2&quality=100&sign=31e2f76f&sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=3&quality=100&sign=31e2f76f&sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2 128w" sizes="32px" width="2084" height="1881"/><div class="text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link">Umbraco UI Builder</div></a></div><div class="mr-auto page-no-toc:flex hidden"><div class="group/dropdown relative flex min-w-0 shrink"><div id=":S1:" tabindex="0" aria-expanded="true" aria-haspopup="true" data-testid="space-dropdown-button" class="flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover theme-bold:bg-header-link/2 theme-bold:text-header-link theme-bold:ring-header-link/4 theme-bold:group-focus-within/dropdown:bg-header-link/3 theme-bold:group-focus-within/dropdown:text-header-link theme-bold:group-focus-within/dropdown:ring-header-link/6 theme-bold:group-hover/dropdown:bg-header-link/3 theme-bold:group-hover/dropdown:text-header-link theme-bold:group-hover/dropdown:ring-header-link/6 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:group-hover/dropdown:text-header-link theme-bold:contrast-more:group-hover/dropdown:ring-header-link theme-bold:contrast-more:group-focus-within/dropdown:text-header-link theme-bold:contrast-more:group-focus-within/dropdown:ring-header-link theme-bold:dark:bg-header-link/2 theme-bold:dark:text-header-link theme-bold:dark:ring-header-link/4 theme-bold:dark:group-hover/dropdown:bg-header-link/3 theme-bold:dark:group-hover/dropdown:text-header-link theme-bold:dark:group-hover/dropdown:ring-header-link/6 theme-bold:contrast-more:dark:group-hover/dropdown:text-header-link theme-bold:contrast-more:dark:group-hover/dropdown:ring-header-link theme-bold:dark:group-focus-within/dropdown:bg-header-link/3 theme-bold:dark:group-focus-within/dropdown:text-header-link theme-bold:dark:group-focus-within/dropdown:ring-header-link/6 theme-bold:contrast-more:dark:group-focus-within/dropdown:text-header-link theme-bold:contrast-more:dark:group-focus-within/dropdown:ring-header-link"><span class="line-clamp-2 grow">10.latest (LTS)</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></div><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/collections/overview?fallback=true">15.latest</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/14.latest/collections/overview?fallback=true">14.latest</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/13.latest/collections/overview?fallback=true">13.latest (LTS)</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm bg-primary text-primary-strong hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/collections/overview?fallback=true">10.latest (LTS)</a></div></div></div></div></div><div class="headerLinks_containerHeaderlinks__GUgiv lg:[&>.button+.button]:-ml-2 z-20 flex min-w-9 shrink grow items-center justify-end gap-x-4 lg:gap-x-6"><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" href="https://docs.umbraco.com/umbraco-cms/10.latest/">CMS</a><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" href="https://docs.umbraco.com/umbraco-cloud/">Cloud</a><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" href="https://docs.umbraco.com/umbraco-heartcore/">Heartcore</a><div class="group/dropdown relative flex min-w-0 shrink"><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" id=":S4:" tabindex="0" aria-expanded="true" aria-haspopup="true" href="https://docs.umbraco.com/umbraco-dxp/">DXP<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></a><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S4:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible shrink"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-forms/10.latest/">Forms</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-deploy/10.latest/">Deploy</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-workflow/10.latest/">Workflow</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-commerce/10.latest/">Commerce</a></div></div></div></div><div class="headerLinks_linkEllipsis__Z01IN z-20 items-center"><div class="group/dropdown relative flex min-w-0 shrink"><button type="button" class="text-tint hover:text-primary dark:hover:text-primary theme-bold:text-header-link theme-bold:hover:text-header-link/8 flex gap-1 items-center"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S3:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-cms/10.latest/">CMS</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-cloud/">Cloud</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-heartcore/">Heartcore</a><hr class="-mx-2 my-1 border-tint border-t first:hidden"/><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-dxp/">DXP</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-forms/10.latest/">Forms</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-deploy/10.latest/">Deploy</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-workflow/10.latest/">Workflow</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-commerce/10.latest/">Commerce</a></div></div></div></div></div></div><div class="flex md:min-w-56 grow-0 shrink-0 justify-self-end"><button type="button" aria-label="Search" class="flex flex-1 flex-row justify-center items-center w-full px-3 py-2 gap-2 bg-tint-base ring-1 ring-tint-12/2 shadow-sm shadow-tint-12/3 dark:shadow-none text-tint rounded-lg straight-corners:rounded-sm contrast-more:ring-tint-12 contrast-more:text-tint-strong transition-all hover:bg-tint-subtle hover:shadow-md hover:scale-102 hover:ring-tint-hover hover:text-tint-strong focus:shadow-md focus:scale-102 focus:ring-tint-hover focus:text-tint-strong contrast-more:hover:ring-2 contrast-more:hover:ring-tint-12 contrast-more:focus:ring-2 contrast-more:focus:ring-tint-12 active:shadow-sm active:scale-98 md:justify-start md:w-full theme-bold:bg-header-link/2 theme-bold:hover:bg-header-link/3 theme-bold:text-header-link/8 theme-bold:hover:text-header-link theme-bold:ring-header-link/4 theme-bold:hover:ring-header-link/5 theme-bold:[&_svg]:text-header-link/10 theme-bold:[&_.shortcut]:text-header-link/8 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:hover:bg-header-background theme-bold:contrast-more:hover:ring-header-link theme-bold:contrast-more:focus:text-header-link theme-bold:contrast-more:focus:bg-header-background theme-bold:contrast-more:focus:ring-header-link theme-bold:shadow-none theme-bold:hover:shadow-none"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon text-tint-subtle shrink-0 size-4"></svg><div class="w-full hidden md:block text-left"><span class="flex-1">Ask or search...</span></div><div class="shortcut hidden md:inline justify-end text-xs text-tint contrast-more:text-tint-strong whitespace-nowrap [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</div></button></div></div></div></div></header><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]"><aside data-testid="table-of-contents" class="group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle"><div class="lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none"><div class="px-5 *:my-4"><div class="group/dropdown relative flex min-w-0 shrink"><div id=":S2:" tabindex="0" aria-expanded="true" aria-haspopup="true" data-testid="space-dropdown-button" class="flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover w-full"><span class="line-clamp-2 grow">10.latest (LTS)</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></div><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S2:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/collections/overview?fallback=true">15.latest</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/14.latest/collections/overview?fallback=true">14.latest</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/13.latest/collections/overview?fallback=true">13.latest (LTS)</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm bg-primary text-primary-strong hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/collections/overview?fallback=true">10.latest (LTS)</a></div></div></div></div></div><div data-testid="toc-scroll-container" class="flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent group-hover:[&::-webkit-scrollbar]:bg-tint-subtle group-hover:[&::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[&::-webkit-scrollbar-thumb:hover]:bg-tint-8"><ul class="flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest">Umbraco UI Builder Documentation</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/known-issues">Known Issues</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/release-notes">Release Notes</a></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Installation</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/installation/installation">Installing Umbraco UI Builder</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/installation/licensing-model">Licensing</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Upgrading</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/upgrading/upgrade">Upgrading Umbraco UI Builder</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/upgrading/version-specific">Version Specific Upgrade Notes</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/upgrading/migrating-from-konstrukt-to-umbraco-ui-builder">Migrate from Konstrukt to Umbraco UI Builder</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Getting Started</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/getting-started/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/getting-started/configuration">Configuration</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/getting-started/user-interface">User Interface</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">How-to Guides</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/how-to-guides/creating-your-first-integration">Creating your first integration</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Areas</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/sections">Sections<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/sections/summary-dashboards">Summary Dashboards</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/trees">Trees<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/trees/folders">Folders</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/dashboards">Dashboards</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/context-apps">Context Apps</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Collections</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a aria-current="page" class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance text-sm hover:contrast-more:ring-1 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px font-semibold sidebar-list-line:before:w-0.5 before:bg-primary-solid text-primary-subtle sidebar-list-pill:bg-primary [html.sidebar-list-pill.theme-muted_&]:bg-primary-hover [html.sidebar-list-pill.theme-bold.tint_&]:bg-primary-hover [html.sidebar-filled.sidebar-list-pill.theme-muted_&]:bg-primary [html.sidebar-filled.sidebar-list-pill.theme-bold.tint_&]:bg-primary hover:bg-primary-hover hover:text-primary hover:before:bg-primary-solid-hover sidebar-list-pill:hover:bg-primary-hover contrast-more:text-primary contrast-more:hover:text-primary-strong contrast-more:bg-primary contrast-more:ring-1 contrast-more:ring-primary contrast-more:hover:ring-primary-hover" href="/umbraco-ui-builder/10.latest/collections/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/the-basics">The Basics</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/list-views">List Views<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/list-views/field-views">Field Views</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/editors">Editors</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/child-collections">Child Collections<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/child-collections/child-collection-groups">Child Collection Groups</a></li></ul></div></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Searching</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/searching/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/searching/searchable-properties">Searchable Properties</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Filtering</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/global-filters">Global Filters</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/data-views">Data Views<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/data-views/data-views-builders">Data Views Builders</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/filterable-properties">Filterable Properties</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Actions</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/the-basics">The Basics</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/action-visibility">Action Visibility</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/inbuilt-actions">Inbuilt Actions</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Cards</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/cards/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/cards/count-cards">Count Cards</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/cards/custom-cards">Custom Cards</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Property Editors</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/property-editors/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/property-editors/entity-picker">Entity Picker</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Advanced</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/virtual-sub-trees">Virtual Sub Trees</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/encrypted-properties">Encrypted Properties</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/value-mappers">Value Mappers</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/repositories">Repositories</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/events">Events</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Miscellaneous</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/miscellaneous/conventions">Conventions</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/miscellaneous/umbraco-aliases">Umbraco Aliases</a></li></ul></li></ul><div class="relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base before:hidden lg:before:block before:content-[""] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_&]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_&]:before:to-tint-base"><a target="_blank" class="text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=U6iam08F5jiW68OgrPAV"><svg style="mask-image:url(https://static.gitbook.com/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex grow flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2"><div class="hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/block-quote.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden"></svg></div><div class="overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><div class="flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden"><div><a href="https://github.com/umbraco/UmbracoDocs/blob/main/10/umbraco-ui-builder/collections/overview.md" class="flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/github.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Edit on GitHub</a></div><div><a href="/umbraco-ui-builder/10.latest/~gitbook/pdf?page=OwndjMXtz7zxr5dlKYjt&only=yes" class="flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/file-pdf.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Export as PDF</a></div></div></div><div class="sticky bottom-0 z-10 mt-auto flex flex-col bg-tint-base theme-bold-tint:bg-tint-subtle theme-gradient-tint:bg-gradient-tint theme-gradient:bg-gradient-primary theme-muted:bg-tint-subtle pb-4 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent"><div class="mt-4 flex items-center justify-end"><div role="radiogroup" class="flex flex-row gap-2"><button type="button" role="radio" aria-label="Switch to light theme" title="Switch to light theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" title="Switch to system theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" title="Switch to dark theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div><div class="" data-visual-test="removed"></div></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><nav><ol class="flex flex-wrap items-center gap-2"><li><a class="decoration-from-font underline-offset-2 links-accent:underline-offset-4 links-default:decoration-primary/6 links-default:text-primary-subtle links-default:hover:text-primary links-default:contrast-more:text-primary links-default:contrast-more:hover:text-primary-strong links-accent:decoration-primary-subtle links-accent:hover:decoration-[3px] links-accent:hover:[text-decoration-skip-ink:none] transition-all duration-100 no-underline hover:underline text-xs tracking-wide font-semibold uppercase flex items-center gap-1.5 contrast-more:underline contrast-more:decoration-current" href="/umbraco-ui-builder/10.latest/collections">Collections</a></li></ol></nav><h1 class="text-4xl font-bold flex items-center gap-4">Overview</h1><p class="text-lg text-tint">Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.</p></header><template id="B:0"></template><div class="flex flex-col gap-4"><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="flex gap-[25px] mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md aspect-[1/1.2] w-full"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_24px_24px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] delay-0"></div></div></div><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md aspect-[1/1.2] w-full"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_24px_24px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] [animation-delay:_200ms]"></div></div></div><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md aspect-[1/1.2] w-full"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_24px_24px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] [animation-delay:_400ms]"></div></div></div></div></div><div class="flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0 text-tint"><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/umbraco-ui-builder/10.latest/areas/context-apps"><span class="flex flex-col flex-1 text-right"><span class="text-xs">Previous</span><span class="text-tint-strong group-hover:text-primary line-clamp-2">Context Apps</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"></svg></a><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/umbraco-ui-builder/10.latest/collections/the-basics"><span class="flex flex-col flex-1"><span class="text-xs">Next</span><span class="text-tint-strong group-hover:text-primary line-clamp-2">The Basics</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"></svg></a></div><div class="flex flex-row flex-wrap gap-4 items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0 text-tint contrast-more:text-tint-strong"><p class="mr-auto text-sm">Last updated <time data-visual-test="transparent" dateTime="2023-09-05T08:35:39.733Z" title="9/5/2023, 8:35:39 AM">1 year ago</time></p></div></main></div></div></div><hr class="border-tint-subtle border-t"/><div class="scroll-nojump"><footer class="sm:px-6 md:px-8 max-w-screen-2xl page-full-width:max-w-full px-4 mx-auto flex gap-12 xl:hidden"><div class="hidden page-no-toc:hidden basis-72 lg:block"></div><div class="py-8 gap-12 flex flex-wrap items-start w-full flex-1 max-w-3xl page-full-width:max-w-none mx-auto"><div class="order-2 ml-auto flex items-center justify-end xl:hidden"><div role="radiogroup" class="flex flex-row gap-2"><button type="button" role="radio" aria-label="Switch to light theme" title="Switch to light theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" title="Switch to system theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" title="Switch to dark theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div><div class="order-4 mx-auto flex w-full grow flex-col items-center gap-2 text-center text-tint text-xs empty:hidden self-center sm:order-1 sm:w-auto sm:max-w-3xl sm:flex-1 sm:items-start sm:text-start"></div></div><div class="hidden page-no-toc:hidden lg:block xl:basis-56"></div></footer></div><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="https://static.gitbook.com/_next/static/chunks/webpack-7701ea28c02815ed.js" nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw" async=""></script><div hidden id="S:0"><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">A collection is the cornerstone Umbraco UI Builder config and it represents a collection of entities for a given data model. From this config object, you can configure everything about how this collection integrates into the UI. You can also configure how it should display in a list view as well as how it should be edited.</p><div class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center"><template id="P:1"></template></div><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">Get started by reviewing the basics of collection configuration.</p><a class="group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0" href="/umbraco-ui-builder/10.latest/collections/the-basics"><span class="flex flex-col flex-1"><span class="text-base transition-colors group-hover:text-primary">The Basics</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary"></svg></a></div></div><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"1:HC[\"https://static.gitbook.com\",\"\"]\n2:HL[\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"style\"]\n3:HL[\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"style\"]\n4:HL[\"https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css\",\"style\"]\n5:HL[\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"style\"]\n6:HL[\"https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css\",\"style\"]\n7:HL[\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"style\"]\n8:HL[\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"style\"]\n9:HL[\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"style\"]\na:HL[\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"style\"]\nb:HL[\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"style\"]\nc:I[11815,[],\"default\"]\nf:I[55092,[],\"default\"]\n11:I[82023,[],\"default\"]\n16:I[44622,[\"6470\",\"static/chunks/app/global-error-b714c3eec7ee0789.js\"],\"default\"]\n10:[\"pathname\",\"collections/overview\",\"oc\"]\n17:[]\n0:[\"$\",\"$Lc\",null,{\"buildId\":\"OK1RkwojeS7tJbgRbJRtr\",\"assetPrefix\":\"https://static.gitbook.com\",\"urlParts\":[\"\",\"umbraco-ui-builder\",\"10.latest\",\"collections\",\"overview?fallback=true\"],\"initialTree\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"collections/overview\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"fallback\\\":\\\"true\\\",\\\"pathname\\\":[\\\"collections\\\",\\\"overview\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}]}],\"initialSeedData\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"collections/overview\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Ld\",\"$Le\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$10\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L12\",\"notFoundStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1," h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L13\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",nul"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"l,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L15\"],\"globalErrorComponent\":\"$16\",\"missingSlots\":\"$W17\"}]\n18:I[80942,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8843\",\"static/chunks/8843-30fae0bf3c03b39d.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"1255\",\"static/chunks/1255-d9c4cec1d694e3c4.js\",\"813\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js\"],\"SitePageNotFound\"]\n19:HC\"https://api.gitbook.com\"\n1a:HC\"https://static.gitbook.com\"\n1b:HL[\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0\",\"script\",{\"nonce\":\"YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw\"}]\n12:[\"$\",\"$L18\",null,{}]\n15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light dark\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Overview | Umbraco UI Builder\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (31bcd1a)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/collections/overview\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Overview | Umbraco UI Builder\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/OwndjMXtz7zxr5dlKYjt\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Overview | Umbraco UI Builder\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/OwndjMXtz7zxr5dlKYjt\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"https://1641680020-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FtS6oNQD7iBM115KitxiF%2Ficon%2FkpC85XLbkdFYMrMEVusH%2FUmbraco_Documentations_logo_icon.png?alt=media\u0026token=4da6af9e-5371-468c-bf0b-87986002c861\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"https://1641680020-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FtS6oNQD7iBM115KitxiF%2Ficon%2FkpC85XLbkdFYMrMEVusH%2FUmbraco_Documentations_logo_icon.png?alt=media\u0026token=4da6af9e-5371-468c-bf0b-87986002c861\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"17\",{\"name\":\"next-size-adjust\"}]]\nd:null\n1d:I[5145,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.j"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"s\"],\"IconsProvider\"]\n1e:I[75489,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"ClientContexts\"]\n1f:I[61946,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8626\",\"static/chunks/app/middleware/(site)/error-8bec5df9fdc2197a.js\"],\"default\"]\n20:I[35592,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"NuqsAdapter\"]\n21:I[3119,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"ClientContexts\"]\n22:I[31200,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"InsightsProvider\"]\n23:I[19284,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"HeaderMobileMenu\"]\n26:I[22563,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"Icon\"]\n27:I[91861,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"SpacesDropdownMenuItem\"]\n29:\"$Sreact.suspense\"\n2a:I[86604,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"SearchButton\"]\n2b:I[19656,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"TOCScrollContainer\"]\n58:I[22833,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"Link\"]\n59:I[42663,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"]"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,",\"ThemeToggler\"]\n5a:I[42579,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"SearchModal\"]\n5b:I[49780,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"LoadIntegrations\"]\n5c:I[35489,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"CookiesToast\"]\n1c:T2bc2,\n :root {\n --primary-1: 253 255 255; --contrast-primary-1: 29 29 29;\n--primary-2: 246 250 255; --contrast-primary-2: 29 29 29;\n--primary-3: 241 247 255; --contrast-primary-3: 29 29 29;\n--primary-4: 234 242 255; --contrast-primary-4: 29 29 29;\n--primary-5: 227 237 255; --contrast-primary-5: 29 29 29;\n--primary-6: 217 229 255; --contrast-primary-6: 29 29 29;\n--primary-7: 203 216 253; --contrast-primary-7: 29 29 29;\n--primary-8: 188 203 246; --contrast-primary-8: 29 29 29;\n--primary-9: 97 125 224; --contrast-primary-9: 255 255 255;\n--primary-10: 86 113 211; --contrast-primary-10: 255 255 255;\n--primary-11: 76 101 198; --contrast-primary-11: 255 255 255;\n--primary-12: 11 0 99; --contrast-primary-12: 255 255 255;\n--primary-original: 40 58 151; --contrast-primary-original: 255 255 255;\n --tint-1: 255 255 255; --contrast-tint-1: 29 29 29;\n--tint-2: 249 250 252; --contrast-tint-2: 29 29 29;\n--tint-3: 246 247 251; --contrast-tint-3: 29 29 29;\n--tint-4: 240 242 247; --contrast-tint-4: 29 29 29;\n--tint-5: 235 237 242; --contrast-tint-5: 29 29 29;\n--tint-6: 227 229 236; --contrast-tint-6: 29 29 29;\n--tint-7: 214 217 224; --contrast-tint-7: 29 29 29;\n--tint-8: 201 204 213; --contrast-tint-8: 29 29 29;\n--tint-9: 125 132 152; --contrast-tint-9: 255 255 255;\n--tint-10: 114 121 140; --contrast-tint-10: 255 255 255;\n--tint-11: 103 110 129; --contrast-tint-11: 255 255 255;\n--tint-12: 23 28 44; --contrast-tint-12: 255 255 255;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29;\n--neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29;\n--neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29;\n--neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29;\n--neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29;\n--neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29;\n--neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29;\n--neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255;\n--neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255;\n--neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 40 58 151;\n --header-link: 255 255 255;\n\n --info-1: 255 255 255; --contrast-info-1: 29 29 29;\n--info-2: 250 250 250; --contrast-info-2: 29 29 29;\n--info-3: 247 247 247; --contrast-info-3: 29 29 29;\n--info-4: 242 242 242; --contrast-info-4: 29 29 29;\n--info-5: 237 237 237; --contrast-info-5: 29 29 29;\n--info-6: 229 229 229; --contrast-info-6: 29 29 29;\n--info-7: 217 217 217; --contrast-info-7: 29 29 29;\n--i"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"nfo-8: 204 204 204; --contrast-info-8: 29 29 29;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 121 121 121; --contrast-info-10: 255 255 255;\n--info-11: 110 110 110; --contrast-info-11: 255 255 255;\n--info-12: 29 29 29; --contrast-info-12: 255 255 255;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 255 254 249; --contrast-warning-1: 29 29 29;\n--warning-2: 255 248 238; --contrast-warning-2: 29 29 29;\n--warning-3: 255 244 230; --contrast-warning-3: 29 29 29;\n--warning-4: 255 238 219; --contrast-warning-4: 29 29 29;\n--warning-5: 255 232 208; --contrast-warning-5: 29 29 29;\n--warning-6: 255 223 194; --contrast-warning-6: 29 29 29;\n--warning-7: 246 210 176; --contrast-warning-7: 29 29 29;\n--warning-8: 237 196 157; --contrast-warning-8: 29 29 29;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 187 92 0; --contrast-warning-10: 255 255 255;\n--warning-11: 174 81 0; --contrast-warning-11: 255 255 255;\n--warning-12: 75 0 0; --contrast-warning-12: 255 255 255;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 255 252 251; --contrast-danger-1: 29 29 29;\n--danger-2: 255 244 242; --contrast-danger-2: 29 29 29;\n--danger-3: 255 239 235; --contrast-danger-3: 29 29 29;\n--danger-4: 255 231 226; --contrast-danger-4: 29 29 29;\n--danger-5: 255 223 217; --contrast-danger-5: 29 29 29;\n--danger-6: 255 212 205; --contrast-danger-6: 29 29 29;\n--danger-7: 255 196 189; --contrast-danger-7: 29 29 29;\n--danger-8: 255 181 173; --contrast-danger-8: 29 29 29;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 228 0 33; --contrast-danger-10: 255 255 255;\n--danger-11: 214 0 17; --contrast-danger-11: 255 255 255;\n--danger-12: 101 0 0; --contrast-danger-12: 255 255 255;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 251 255 251; --contrast-success-1: 29 29 29;\n--success-2: 241 254 242; --contrast-success-2: 29 29 29;\n--success-3: 234 254 236; --contrast-success-3: 29 29 29;\n--success-4: 224 251 227; --contrast-success-4: 29 29 29;\n--success-5: 214 248 218; --contrast-success-5: 29 29 29;\n--success-6: 202 242 206; --contrast-success-6: 29 29 29;\n--success-7: 185 231 190; --contrast-success-7: 29 29 29;\n--success-8: 167 220 173; --contrast-success-8: 29 29 29;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 152 23; --contrast-success-10: 255 255 255;\n--success-11: 0 140 0; --contrast-success-11: 255 255 255;\n--success-12: 0 47 0; --contrast-success-12: 255 255 255;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n\n .dark {\n --primary-1: 32 28 28; --contrast-primary-1: 255 255 255;\n--primary-2: 40 33 32; --contrast-primary-2: 255 255 255;\n--primary-3: 52 41 41; --contrast-primary-3: 255 255 255;\n--primary-4: 58 43 43; --contrast-primary-4: 255 255 255;\n--primary-5: 67 48 48; --contrast-primary-5: 255 255 255;\n--primary-6: 73 51 51; --contrast-primary-6: 255 255 255;\n--primary-7: 86 59 60; --contrast-primary-7: 255 255 255;\n--primary-8: 100 68 69; --contrast-primary-8: 255 255 255;\n--primary-9: 251 160 162; --contrast-primary-9: 29 29 29;\n--primary-10: 202 116 119; --contrast-primary-10: 255 255 255;\n--primary-11: 255 163 165; --contrast-primary-11: 29 29 29;\n--primary-12: 255 226 227; --contrast-primary-12: 29 29 29;\n--primary-original: 251 160 162; --contrast-primary-original: 29 29 29;\n --tint-1: 29 29 29; --contrast-tint-1: 255 255 255;\n--tint-2: 35 34 34; --contrast-tint-2: 255 255 255;\n--tint-3: 45 44 43; --contrast-tint-3: 255 255 255;\n--tint-4: 49 47 47; --contrast-tint-4: 255 255 255;\n--tint-5: 55 53 53; --contrast-tint-5: 255 255 255;\n--tint-6: 59 57 57; --contrast-tint-6: 255 255 255;\n--tint-7: 70 67 67; --contrast-tint-7: 255 255 255;\n--tint-8: 80 77 77; --contrast-tint-8: 255 255 255;\n--tint-9: 139 130 130; --contrast-tint-9: 255 255 255;\n--tint-10: 151 142 142; --contrast-tint-10: 255 255 2"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"55;\n--tint-11: 199 189 189; --contrast-tint-11: 29 29 29;\n--tint-12: 255 252 252; --contrast-tint-12: 29 29 29;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255;\n--neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255;\n--neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255;\n--neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255;\n--neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255;\n--neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255;\n--neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255;\n--neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255;\n--neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29;\n--neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 251 160 162;\n --header-link: 29 29 29;\n\n --info-1: 29 29 29; --contrast-info-1: 255 255 255;\n--info-2: 34 34 34; --contrast-info-2: 255 255 255;\n--info-3: 44 44 44; --contrast-info-3: 255 255 255;\n--info-4: 48 48 48; --contrast-info-4: 255 255 255;\n--info-5: 53 53 53; --contrast-info-5: 255 255 255;\n--info-6: 57 57 57; --contrast-info-6: 255 255 255;\n--info-7: 67 67 67; --contrast-info-7: 255 255 255;\n--info-8: 78 78 78; --contrast-info-8: 255 255 255;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 144 144 144; --contrast-info-10: 255 255 255;\n--info-11: 192 192 192; --contrast-info-11: 29 29 29;\n--info-12: 255 255 255; --contrast-info-12: 29 29 29;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 32 28 25; --contrast-warning-1: 255 255 255;\n--warning-2: 40 33 26; --contrast-warning-2: 255 255 255;\n--warning-3: 53 41 30; --contrast-warning-3: 255 255 255;\n--warning-4: 60 44 29; --contrast-warning-4: 255 255 255;\n--warning-5: 69 49 29; --contrast-warning-5: 255 255 255;\n--warning-6: 76 52 27; --contrast-warning-6: 255 255 255;\n--warning-7: 90 61 30; --contrast-warning-7: 255 255 255;\n--warning-8: 104 70 34; --contrast-warning-8: 255 255 255;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 213 116 0; --contrast-warning-10: 255 255 255;\n--warning-11: 255 165 34; --contrast-warning-11: 29 29 29;\n--warning-12: 255 229 115; --contrast-warning-12: 29 29 29;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 34 27 26; --contrast-danger-1: 255 255 255;\n--danger-2: 45 30 29; --contrast-danger-2: 255 255 255;\n--danger-3: 60 37 35; --contrast-danger-3: 255 255 255;\n--danger-4: 69 38 35; --contrast-danger-4: 255 255 255;\n--danger-5: 80 41 38; --contrast-danger-5: 255 255 255;\n--danger-6: 89 41 38; --contrast-danger-6: 255 255 255;\n--danger-7: 105 48 44; --contrast-danger-7: 255 255 255;\n--danger-8: 121 54 50; --contrast-danger-8: 255 255 255;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 255 52 59; --contrast-danger-10: 255 255 255;\n--danger-11: 255 113 108; --contrast-danger-11: 255 255 255;\n--danger-12: 255 180 169; --contrast-danger-12: 29 29 29;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 26 31 26; --contrast-success-1: 255 255 255;\n--success-2: 28 37 29; --contrast-success-2: 255 255 255;\n--success-3: 33 48 35; --contrast-success-3: 255 255 255;\n--success-4: 33 54 35; --contrast-success-4: 255 255 255;\n--success-5: 34 61 38; --contrast-success-5: 255 255 255;\n--success-6: 32 66 38; --contrast-success-6: 255 255 255;\n--success-7: 37 78 44; --contrast-success-7: 255 255 255;\n--success-8: 41 90 50; --contrast-success-8: 255 255 255;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 176 54; --contrast-success-10: 255 255 255;\n--success-11: 62 227 106; --contrast-success-11: 29 29 29;\n--success-12: 139 255 168; --cont"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"rast-success-12: 29 29 29;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n 14:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] straight-corners theme-clean no-tint sidebar-default sidebar-list-default links-default\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"privacy-policy\",\"href\":\"https://our.umbraco.com/privacy-policy\"}],[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$1c\"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_2f5617 __className_aca046 __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint\",\"children\":[\"$\",\"$L1d\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"https://static.gitbook.com/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1e\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_description\":\"Find the answer with AI\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"was_this_helpful_comment\":\"Anything you'd like to add?\",\"submit\":\"Submit\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\"],\"error\":\"$1f\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]}]}]]}]\n25:T87d,flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover theme-bold:bg-header-link/2 theme-bold:text-header-link theme-bold:ring-header-link/4 theme-bold:group-focus-within/dropdown:bg-header-link/3 theme-bold:group-focus-within/dropdown:text-header-link theme-bold:group-focus-within/dropdown:ring-header-link/6 theme-bold:group-hover/dropdown:bg-header-link/3 theme-bold:group-hover/dropdown:text-header-link theme-bold:group-hover/dropdown:ring-header-link/6 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:group-hover/dropdown:text-header-link theme-bold:contrast-more:group-hover/dropdown:ring-header-link theme-bold:contrast-more:group-focus-within/dropdown:text-header-link theme-bold:contrast-more:group-focus-within/dropdown:ring-header-link theme-bold:dark:bg-header-link/2 theme-bold:dark:text-header-link theme-bold:dark:ring-header-link/4 theme-bold:dark:group-hover/dropdown:bg-header-link/3 theme-bold:dark:group-hover/dropdown:text-header-link theme-bold:dark:group-hover/dropdown:ring-header-link/6 theme-bold:contrast-more:dark:group-hover/dropdown:text-header-link theme-bold:contrast-more:dark:group-hover/dropdown:ring-header-link theme-bold:dark:group-focus-within/dropdown:bg-header-link/3 theme-bold:dark:group-focus-within/dropdown:text-header-link theme-bold:dark:group-focus-within/dropdown:ring-header-link/6 theme-bold:contrast-more:dark:group-focus-within/dropdown:text-header-link theme-bold:contrast-more:dark:group-focus-within/dropdown:ring-header-link13:[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$L21\",null,{\"nonce\":\"YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw\",\"forcedTheme\":\"$undefined\",\"children\":[[\"$\",\"$L22\",null,{\"enabled\":true,\"apiHost\":\"https://api.gitbook.com\",\"visitorAuthToken\":null,\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"siteId\":\"site_q2t2X\",\"siteSectionId\":null,\"siteSpaceId\":\"sitesp_4nRW1\",\"siteShareKey\":null,\"revisionId\":\"MSi5ePULo5p8EjdX3qAM\",\"spaceId\":\"U6iam08F5jiW68OgrPAV\",\"children\":[[\"$\",\"header\",null,{\"id\":\"site-header\",\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 page-no-toc:max-[400px]:flex-wrap px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex max-w-full page-no-toc:max-[400px]:w-full min-w-0 shrink items-center justify-start gap-2 lg:gap-4\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3\"}],\"$L24\"]}],[\"$\",\"div\",null,{\"className\":\"mr-auto page-no-toc:flex hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"div\",null,{\"id\":\":S1:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"data-testid\":\"space-dropdown-button\",\"className\":\"$25\",\"children\":[[\"$\",\"span\",null,{\"className\":\"line-clamp-2 grow\",\"children\":\"10.latest (LTS)\"}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S1:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1," group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"$L27\",\"sitesp_TFY4G-0\",{\"variantSpace\":{\"id\":\"sitesp_TFY4G\",\"title\":\"15.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_gbl2k-1\",{\"variantSpace\":{\"id\":\"sitesp_gbl2k\",\"title\":\"14.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_zNr0N-2\",{\"variantSpace\":{\"id\":\"sitesp_zNr0N\",\"title\":\"13.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/13.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_4nRW1-3\",{\"variantSpace\":{\"id\":\"sitesp_4nRW1\",\"title\":\"10.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/\"},\"active\":true}]]}]}]}]]}]}],\"$L28\",[\"$\",\"div\",null,{\"className\":\"flex md:min-w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2a\",null,{\"style\":[\"theme-bold:bg-header-link/2\",\"theme-bold:hover:bg-header-link/3\",\"theme-bold:text-header-link/8\",\"theme-bold:hover:text-header-link\",\"theme-bold:ring-header-link/4\",\"theme-bold:hover:ring-header-link/5\",\"theme-bold:[\u0026_svg]:text-header-link/10\",\"theme-bold:[\u0026_.shortcut]:text-header-link/8\",\"theme-bold:contrast-more:bg-header-background\",\"theme-bold:contrast-more:text-header-link\",\"theme-bold:contrast-more:ring-header-link\",\"theme-bold:contrast-more:hover:bg-header-background\",\"theme-bold:contrast-more:hover:ring-header-link\",\"theme-bold:contrast-more:focus:text-header-link\",\"theme-bold:contrast-more:focus:bg-header-background\",\"theme-bold:contrast-more:focus:ring-header-link\",\"theme-bold:shadow-none\",\"theme-bold:hover:shadow-none\"],\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":[\"Ask or search\",\"...\"]}]}]}]}]]}]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]\",\"children\":[[\"$\",\"aside\",null,{\"data-testid\":\"table-of-contents\",\"className\":\"group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none\",\"children\":[[\"$\",\"div\",null,{\"className\":\"px-5 *:my-4\",\"children\":[false,false,[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"div\",null,{\"id\":\":S2:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"data-testid\":\"space-dropdown-button\",\"className\":\"flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover w-full\",\"children\":[[\"$\",\"span\",null,{\"className\":\"line-clamp-2 grow\",\"children\":\"10.latest (LTS)\"}],[\"$\",\""])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S2:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"$L27\",\"sitesp_TFY4G-0\",{\"variantSpace\":{\"id\":\"sitesp_TFY4G\",\"title\":\"15.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_gbl2k-1\",{\"variantSpace\":{\"id\":\"sitesp_gbl2k\",\"title\":\"14.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_zNr0N-2\",{\"variantSpace\":{\"id\":\"sitesp_zNr0N\",\"title\":\"13.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/13.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_4nRW1-3\",{\"variantSpace\":{\"id\":\"sitesp_4nRW1\",\"title\":\"10.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/\"},\"active\":true}]]}]}]}]]}]]}],[\"$\",\"$L2b\",null,{\"className\":\"flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent group-hover:[\u0026::-webkit-scrollbar]:bg-tint-subtle group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[\u0026::-webkit-scrollbar-thumb:hover]:bg-tint-8\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle\",\"children\":[\"$L2c\",\"$L2d\",\"$L2e\",[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Installation\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L2f\",\"$L30\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Upgrading\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L31\",\"$L32\",\"$L33\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gra"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"dient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Getting Started\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L34\",\"$L35\",\"$L36\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"How-to Guides\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L37\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Areas\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Collections\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Searching\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L42\",\"$L43\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Filtering\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L44\",\"$L45\",\"$L46\",\"$L47\"]}]]}],[\"$\",\"li\",null,{\"className\":\""])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Actions\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L48\",\"$L49\",\"$L4a\",\"$L4b\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Cards\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L4c\",\"$L4d\",\"$L4e\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Property Editors\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L4f\",\"$L50\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Advanced\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Miscellaneous\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L56\",\"$L57\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-f"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"illed.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base before:hidden lg:before:block before:content-[\\\"\\\"] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:before:to-tint-base\",\"children\":[\"$\",\"$L58\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=U6iam08F5jiW68OgrPAV\",\"className\":\"text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto\",\"insights\":{\"type\":\"trademark_click\",\"placement\":\"sidebar\"},\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}],[[\"$\",\"hr\",null,{\"className\":\"border-tint-subtle border-t\"}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"footer\",null,{\"className\":\"sm:px-6 md:px-8 max-w-screen-2xl page-full-width:max-w-full px-4 mx-auto flex gap-12 xl:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-no-toc:hidden basis-72 lg:block\"}],[\"$\",\"div\",null,{\"className\":\"py-8 gap-12 flex flex-wrap items-start w-full flex-1 max-w-3xl page-full-width:max-w-none mx-auto\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"order-2 ml-auto flex items-center justify-end xl:hidden\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L59\",null,{}]}]}],null,[\"$\",\"div\",null,{\"className\":\"order-4 mx-auto flex w-full grow flex-col items-center gap-2 text-center text-tint text-xs empty:hidden self-center sm:order-1 sm:w-auto sm:max-w-3xl sm:flex-1 sm:items-start sm:text-start\",\"children\":null}]]}],[\"$\",\"div\",null,{\"className\":\"hidden page-no-toc:hidden lg:block xl:basis-56\"}]]}]}]],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L5a\",null,{\"revisionId\":\"MSi5ePULo5p8EjdX3qAM\",\"spaceTitle\":\"10.latest (LTS)\",\"withAsk\":true,\"isMultiVariants\":true,\"pointer\":{\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"siteId\":\"site_q2t2X\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_4nRW1\",\"spaceId\":\"U6iam08F5jiW68OgrPAV\",\"revisionId\":\"MSi5ePULo5p8EjdX3qAM\",\"changeRequestId\":\"$undefined\",\"siteShareKey\":\"$undefined\"}}]}]]}],[[\"$\",\"$L5b\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0\",\"nonce\":\"YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw\"}]]],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L5c\",null,{\"privacyPolicy\":\"https://our.umbraco.com/privacy-policy\"}]}],[\"$\",\"script\",null,{\"nonce\":\"YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8';\\n alert.innerHTML = `\\n "])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"\u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],\"$L5d\"]}]}]\n67:I[66185,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"ToggleableLinkItem\"]\n24:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/\",\"className\":\"group/headerlogo min-w-0 shrink flex items-center\",\"children\":[\"$L5e\",[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link\",\"children\":\"Umbraco UI Builder\"}]]}]\n28:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv lg:[\u0026\u003e.button+.button]:-ml-2 z-20 flex min-w-9 shrink grow items-center justify-end gap-x-4 lg:gap-x-6\",\"children\":[[\"$L5f\",\"$L60\",\"$L61\",\"$L62\"],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN z-20 items-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"text-tint hover:text-primary dark:hover:text-primary theme-bold:text-header-link theme-bold:hover:text-header-link/8 flex gap-1 items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L26\",null,{\"icon\":\"ellipsis\",\"className\":\"size-4\"}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S3:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L63\",\"$L64\",\"$L65\",\"$L66\"]}]}]}]]}]}]]}]\n2c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/\",\"pathname\":\"\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"2Mc49kExlfUBDReBRTz9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Umbraco UI Builder Documentation\"}]}]\n2d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/known-issues\",\"pathname\":\"known-issues\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ve89etmf2aSEjVFYfbJB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Known Issues\"}]}]\n2e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/release-notes\",\"pathname\":\"release-notes\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"LpTirkayuIClAbrAmCiT\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Release Notes\"}]}]\n2f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/installation/installation\",\"pathname\":\"installation/installation\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"pag"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"e\":\"XVHz7offgYKYvZwepjGC\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Installing Umbraco UI Builder\"}]}]\n30:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/installation/licensing-model\",\"pathname\":\"installation/licensing-model\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ic2P3eQB2ARb2PIcSfmv\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Licensing\"}]}]\n31:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/upgrading/upgrade\",\"pathname\":\"upgrading/upgrade\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"VK9D79GO6FSSWdSp8awQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Upgrading Umbraco UI Builder\"}]}]\n32:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/upgrading/version-specific\",\"pathname\":\"upgrading/version-specific\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"IUeel8zesj8Lg78gufjL\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Version Specific Upgrade Notes\"}]}]\n33:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/upgrading/migrating-from-konstrukt-to-umbraco-ui-builder\",\"pathname\":\"upgrading/migrating-from-konstrukt-to-umbraco-ui-builder\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"bq7VyqaxQ0Sm98t0mO2M\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Migrate from Konstrukt to Umbraco UI Builder\"}]}]\n34:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/overview\",\"pathname\":\"getting-started/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"sttOhmsAcbkbCUhbhNHq\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n35:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/configuration\",\"pathname\":\"getting-started/configuration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"AVZbb5YlIzOTjyAF0Uhp\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Configuration\"}]}]\n36:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/user-interface\",\"pathname\":\"getting-started/user-interface\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"AT6PZFiCaAhG9bo4o0Vh\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"User Interface\"}]}]\n37:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/how-to-guides/creating-your-first-integration\",\"pathname\":\"how-to-guides/creating-your-first-integration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"PIoPNQrzOcOECZROBHQ9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Creating your first integration\"}]}]\n38:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/overview\",\"pathname\":\"areas/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Scyut2ktGNRcjj6Pwh4O\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n39:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/sections\",\"pathname\":\"areas/sections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"QXZXotTTNAg7jnokVkLS\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L68\"]}],\"children\":\"Sections\"}]}]\n3a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/trees\",\"pathname\":\"areas/trees\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"\",\"page\":\"4IZM4wOjIUtXqxEBuHCK\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L69\"]}],\"children\":\"Trees\"}]}]\n3b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/dashboards\",\"pathname\":\"areas/dashboards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"2vn7jPr4K6cjlOHunbZR\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Dashboards\"}]}]\n3c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/context-apps\",\"pathname\":\"areas/context-apps\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Kzrivw6ixfOSln18SyoT\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Context Apps\"}]}]\n3d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/overview\",\"pathname\":\"collections/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"OwndjMXtz7zxr5dlKYjt\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n3e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/the-basics\",\"pathname\":\"collections/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hKnzZIyZvoEjthVVXUxh\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"The Basics\"}]}]\n3f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/list-views\",\"pathname\":\"collections/list-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"jSUF6yCOCpE695GIFqyW\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L6a\"]}],\"children\":\"List Views\"}]}]\n40:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/editors\",\"pathname\":\"collections/editors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"QDFtRhoYkNtJ2ycN7VLe\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Editors\"}]}]\n41:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/child-collections\",\"pathname\":\"collections/child-collections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"MsZlSizYbs8Rn9TN20e2\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L6b\"]}],\"children\":\"Child Collections\"}]}]\n42:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/searching/overview\",\"pathname\":\"searching/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"0JzYHLHV0ZAiHeqPOXPl\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n43:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/searching/searchable-properties\",\"pathname\":\"searching/searchable-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"GhzFj9XaQHgic3F1fh34\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Searchable Properties\"}]}]\n44:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/overview\",\"pathname\":\"filtering/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"6anmb6bcGBU2QbSa41d0\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n45:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/global-filters\","])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"\"pathname\":\"filtering/global-filters\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"vqw10NdHZnFQjBd2ZHmO\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Global Filters\"}]}]\n46:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/data-views\",\"pathname\":\"filtering/data-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"lNoCE4AJFh5DIkVXlph8\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L6c\"]}],\"children\":\"Data Views\"}]}]\n47:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/filterable-properties\",\"pathname\":\"filtering/filterable-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"JnMauUQQUZKPaPX10MyY\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Filterable Properties\"}]}]\n48:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/overview\",\"pathname\":\"actions/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"3PryI1HWDnEZj3DENuTD\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n49:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/the-basics\",\"pathname\":\"actions/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"NUQhy9EDGHPGMqjxSAth\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"The Basics\"}]}]\n4a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/action-visibility\",\"pathname\":\"actions/action-visibility\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"lr336fS6Uv0iCLx39l4i\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Action Visibility\"}]}]\n4b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/inbuilt-actions\",\"pathname\":\"actions/inbuilt-actions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"rTcChykTAUvZwuLnBPsa\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Inbuilt Actions\"}]}]\n4c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/cards/overview\",\"pathname\":\"cards/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"jIq3JPUH3WemdSowzXoe\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n4d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/cards/count-cards\",\"pathname\":\"cards/count-cards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hyjXluWVjD1Quv9GkWAP\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Count Cards\"}]}]\n4e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/cards/custom-cards\",\"pathname\":\"cards/custom-cards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"dScAubGudD0tZCGb9S2l\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Custom Cards\"}]}]\n4f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/property-editors/overview\",\"pathname\":\"property-editors/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"TQB6yhq7nVMQsbQGVyav\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n50:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/property-editors/entity-picker\",\"pathname\":\"property-editors/entity-picker\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"E1O7wtIlC8fbqOXnRGgd\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Entity Pi"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"cker\"}]}]\n51:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/virtual-sub-trees\",\"pathname\":\"advanced/virtual-sub-trees\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Aww6mQGlF4d3hmCxeheC\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Virtual Sub Trees\"}]}]\n52:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/encrypted-properties\",\"pathname\":\"advanced/encrypted-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"cYRLUb0gB1kwcgKLqFX1\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Encrypted Properties\"}]}]\n53:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/value-mappers\",\"pathname\":\"advanced/value-mappers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"aHENy2MpseIU1K6VJDSQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Value Mappers\"}]}]\n54:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/repositories\",\"pathname\":\"advanced/repositories\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"PcA3Wzbt4hx3KthnWN1X\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Repositories\"}]}]\n55:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/events\",\"pathname\":\"advanced/events\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"LcL3jBOR4V8FkAQHA0G5\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Events\"}]}]\n56:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/miscellaneous/conventions\",\"pathname\":\"miscellaneous/conventions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"MtYCWvVWYmNUrZHlrFOo\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Conventions\"}]}]\n57:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/miscellaneous/umbraco-aliases\",\"pathname\":\"miscellaneous/umbraco-aliases\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"iHXza2vR3C34W2PsTwHh\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Umbraco Aliases\"}]}]\n5d:null\n5e:[\"$L6d\",\"$L6e\"]\n68:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/sections/summary-dashboards\",\"pathname\":\"areas/sections/summary-dashboards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"uYk2cxOqK4Vhc6WqiC41\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Summary Dashboards\"}]}]\n69:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/trees/folders\",\"pathname\":\"areas/trees/folders\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"mDUFKhG1kArbe9LDQR1M\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Folders\"}]}]\n6a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/list-views/field-views\",\"pathname\":\"collections/list-views/field-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"NhWx0HpS20ovLifr4AAi\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Field Views\"}]}]\n6b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/child-collections/child-collection-groups\",\"pathname\":\"collections/child-collections/child-collection-groups\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"dy3zYswfp26OyulRKymX\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Child Collection Groups\"}]}]\n6c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/data-views/data-views-builders\",\"pa"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"thname\":\"filtering/data-views/data-views-builders\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"r8ePUgnls5bO7dIiouP9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Data Views Builders\"}]}]\n6f:T5bf,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 128w6e:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2\",\"srcSet\":\"$6f\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n70:T5bf,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 128w6d:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2\",\"srcSet\":\"$70\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n5f:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/10.latest/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"mmtM2UdX1OOMSi0CksPv\"},\"position\":\"header\"}},\"children\":[\"CMS\",null]}]\n71:{\"kind\":\"space\",\"space\":\"mmtM2UdX1OOMSi0CksPv\"}\n63:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$71\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"CMS\"}],[]]\n61:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"ad8WDpzCbd6plrNqe51p\"},\"position\":\"header\"}},\"children\":[\"Heartcore\",null]}]\n72:{\"kind\":\"space\",\"space\":\"ad8WDpzCbd6plrNqe51p\"}\n65:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$72\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Heartcore\"}],[]]\n60:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"PzKn70Piyd2fd5UkYZGf\"},\"position\":\"header\"}},\"children\":[\"Cloud\",null]}]\n73:{\"kind\":\"space\",\"space\":\"PzKn70Piyd2fd5UkYZGf\"}\n64:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$73\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Cloud\"}],[]]\n62:[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"eCauR3aomRsx2gdckuDO\"},\"position\":\"header\"}},\"id\":\":S4:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"children\":[\"DXP\",[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S4:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible shrink\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L74\",\"$L75\",\"$L76\",\"$L77\"]}]}]}]]}]\n78:{\"kind\":\"space\",\"space\":\"eCauR3aomRsx2gdckuDO\"}\n66:[[\"$\",\"hr\",null,{\"className\":\"-mx-2 my-1 border-tint border-t first:hidden\"}],[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$78\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"DXP\"}],[\"$L79\",\"$L7a\",\"$L7b\",\"$L7c\"]]\n7e:I[2554,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8843\",\"static/chunks/8843-30fae0bf3c03b39d.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"1255\",\"static/chunks/1255-d9c4cec1d694e3c4.js\",\"813\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js\"],\"Ad\"]\n7f:I[46451,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8843\",\"static/chunks/8843-30fae0bf3c03b39d.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"1255\",\"static/chunks/1255-d9c4cec1d694e3c4.js\",\"813\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js\"],\"PreservePageLayout\"]\n81:\"$Sreact.fragment\"\n85:I[66819,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"DateRelative\"]\n86:I[26700,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"TrackPageViewEvent\"]\n87:I[96498,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8843\",\"static/chunks/8843-30fae0bf3c03b39d.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"1255\",\"static/chunks/1255-d9c4cec1d694e3c4.js\",\"813\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js\"],\"PageClientLayout\"]\ne:[null,[\"$\",\"div\",null,{\"className\":\"flex grow flex-row-reverse justify-end\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-bl"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"ock:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2\",\"children\":[[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2\",\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"block-quote\",\"className\":\"size-3\"}],\"On this page\",[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden\"}]]}],[\"$\",\"div\",null,{\"className\":\"overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$29\",null,{\"fallback\":null,\"children\":\"$L7d\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden\",\"children\":[null,[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/umbraco/UmbracoDocs/blob/main/10/umbraco-ui-builder/collections/overview.md\",\"className\":\"flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2\",\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"github\",\"className\":\"size-4 mr-1.5\"}],\"Edit on GitHub\"]}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/umbraco-ui-builder/10.latest/~gitbook/pdf?page=OwndjMXtz7zxr5dlKYjt\u0026only=yes\",\"className\":\"flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2\",\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"file-pdf\",\"className\":\"size-4 mr-1.5\"}],\"Export as PDF\"]}]}]]}]]}]],[\"$\",\"div\",null,{\"className\":\"sticky bottom-0 z-10 mt-auto flex flex-col bg-tint-base theme-bold-tint:bg-tint-subtle theme-gradient-tint:bg-gradient-tint theme-gradient:bg-gradient-primary theme-muted:bg-tint-subtle pb-4 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-center justify-end\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L59\",null,{}]}]}],[\"$\",\"$L7e\",null,{\"zoneId\":null,\"placement\":\"aside\",\"spaceId\":\"U6iam08F5jiW68OgrPAV\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"$undefined\"}]]}]]}],[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L7f\",null,{\"asFullWidth\":false}],null,\"$L80\",[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"flex gap-[25px] mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md aspect-[1/1.2] w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_24px_24px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] delay-0\"}]}]}],[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md aspect-[1/1.2] w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_24px_24px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] [animation-delay:_200ms]\"}]}]}],[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md aspect-[1/1.2] w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_24px_24px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:co"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"nic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] [animation-delay:_400ms]\"}]}]}]]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$81\",\"0\",{\"children\":\"A collection is the cornerstone Umbraco UI Builder config and it represents a collection of entities for a given data model. From this config object, you can configure everything about how this collection integrates into the UI. You can also configure how it should display in a list view as well as how it should be edited.\"}]]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center\",\"children\":[\"$L82\"]}],[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$81\",\"0\",{\"children\":\"Get started by reviewing the basics of collection configuration.\"}]]]}],\"$L83\"]}]}],\"$L84\",[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-wrap gap-4 items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0 text-tint contrast-more:text-tint-strong\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mr-auto text-sm\",\"children\":[[[\"$\",\"$81\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$81\",\"arg-0\",{\"children\":[\"$\",\"$L85\",null,{\"value\":\"2023-09-05T08:35:39.733Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L86\",null,{\"pageId\":\"OwndjMXtz7zxr5dlKYjt\"}]]]}],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L87\",null,{\"withSections\":false}]}]]\n80:[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"nav\",null,{\"children\":[\"$\",\"ol\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"$81\",\"DoEq7pvaV8eDNQ6SJds0\",{\"children\":[[\"$\",\"li\",\"DoEq7pvaV8eDNQ6SJds0\",{\"children\":[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections\",\"children\":[\"$undefined\",\"Collections\"],\"className\":\"decoration-from-font underline-offset-2 links-accent:underline-offset-4 links-default:decoration-primary/6 links-default:text-primary-subtle links-default:hover:text-primary links-default:contrast-more:text-primary links-default:contrast-more:hover:text-primary-strong links-accent:decoration-primary-subtle links-accent:hover:decoration-[3px] links-accent:hover:[text-decoration-skip-ink:none] transition-all duration-100 no-underline hover:underline text-xs tracking-wide font-semibold uppercase flex items-center gap-1.5 contrast-more:underline contrast-more:decoration-current\"}]}],false]}]]}]}],[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Overview\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-tint\",\"children\":\"Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}]]}]\n84:[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0 text-tint\",\"children\":[[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/context-apps\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Kzrivw6ixfOSln18SyoT\"},\"position\":\"content\"}},\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1 text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Previous\"}],[\"$\",\"span\",null,{\"className\":\"text-tint-strong group-hover:text-primary line-clamp-2\",\"children\":\"Context Apps\"}]]}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}],[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hKnzZIyZvoEjthVVXUxh\"},\"position\":\"content\"}},\"className\":\"group "])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Next\"}],[\"$\",\"span\",null,{\"className\":\"text-tint-strong group-hover:text-primary line-clamp-2\",\"children\":\"The Basics\"}]]}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}]]}]\n7d:null\n83:[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/the-basics\",\"className\":\"group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hKnzZIyZvoEjthVVXUxh\"},\"position\":\"content\"}},\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"text-base transition-colors group-hover:text-primary\",\"children\":\"The Basics\"}],null]}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-right\",\"className\":\"size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary\"}]]}]\n74:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-forms/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"xqIcVR1qNPjjUSWQJhMw\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Forms\"}]\n88:{\"kind\":\"space\",\"space\":\"xqIcVR1qNPjjUSWQJhMw\"}\n79:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-forms/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$88\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Forms\"}],null]\n75:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"vcMLprKexQhtWx8NMjY6\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Deploy\"}]\n89:{\"kind\":\"space\",\"space\":\"vcMLprKexQhtWx8NMjY6\"}\n7a:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$89\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Deploy\"}],null]\n76:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"afUFxDXrW9fmLSGUukvK\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Workflow\"}]\n8a:{\"kind\":\"space\",\"space\":\"afUFxDXrW9fmLSGUukvK\"}\n7b:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8a\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Workflow\"}],null]\n77:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"La36UnAXDxIn1Dsdrbaj\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Commerce\"}]\n8b:{\"kind\":\"space\",\"space\":\"La36UnAXDxIn1Dsdrbaj\"}\n7c:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8b\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"ch"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"ildren\":\"Commerce\"}],null]\n"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"82:[\"$\",\"picture\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden after:block after:absolute after:-inset-[0] after:pointer-events-none w-fit mx-auto\",\"children\":[\"$L8c\",null]}],[\"$\",\"figcaption\",null,{\"className\":\"text-sm text-center mt-2 text-tint\",\"children\":[[[\"$\",\"$81\",\"0\",{\"children\":\"A collection list view\"}]]]}]]}]\n"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"8d:HL[\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=aec3b541\u0026sv=2\",\"image\",{\"fetchPriority\":\"high\",\"imageSrcSet\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=aec3b541\u0026sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=aec3b541\u0026sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=aec3b541\u0026sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=aec3b541\u0026sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=aec3b541\u0026sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=aec3b541\u0026sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=aec3b541\u0026sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=aec3b541\u0026sv=2 3072w\",\"imageSizes\":\"(max-width: 640px) 400px, 768px\"}]\n"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"8e:I[45343,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"ZoomImage\"]\n8f:Ta6b,"])</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">self.__next_f.push([1,"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=aec3b541\u0026sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=aec3b541\u0026sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=aec3b541\u0026sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=aec3b541\u0026sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=aec3b541\u0026sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=aec3b541\u0026sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=aec3b541\u0026sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=aec3b541\u0026sv=2 3072w8c:[\"$\",\"$L8e\",null,{\"alt\":\"\",\"style\":{\"maxWidth\":\"100%\",\"width\":\"$undefined\",\"height\":\"auto\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=aec3b541\u0026sv=2\",\"srcSet\":\"$8f\",\"sizes\":\"(max-width: 640px) 400px, 768px\",\"width\":1171,\"height\":699}]\n"])</script><div hidden id="S:1"><picture class="relative"><div class="relative overflow-hidden after:block after:absolute after:-inset-[0] after:pointer-events-none w-fit mx-auto"><template id="P:2"></template></div><figcaption class="text-sm text-center mt-2 text-tint">A collection list view</figcaption></picture></div><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><link rel="preload" as="image" fetchPriority="high" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=aec3b541&sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=aec3b541&sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=aec3b541&sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=aec3b541&sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=aec3b541&sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=aec3b541&sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=aec3b541&sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=aec3b541&sv=2 3072w" imageSizes="(max-width: 640px) 400px, 768px"/><div hidden id="S:2"><img data-testid="zoom-image" alt="" style="max-width:100%;height:auto" fetchPriority="high" class="block" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=aec3b541&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=aec3b541&sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=aec3b541&sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=aec3b541&sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=aec3b541&sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=aec3b541&sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=aec3b541&sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=aec3b541&sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-80efd5284e654fce93d1922bc113e6131745fa40%252Fpeople_listview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=aec3b541&sv=2 3072w" sizes="(max-width: 640px) 400px, 768px" width="1171" height="699"/></div><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">$RS("S:2","P:2")</script><script nonce="YzMxZDhkYzQtYjlhYS00ZTNjLWIxMTItYjFmYmI3YWFiZGQw">$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>