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" href="https://static.gitbook.com/_next/static/chunks/webpack-e79e9ce0e31ce447.js"/><script src="https://static.gitbook.com/_next/static/chunks/1dd3208c-d78985df41c8a89e.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/4850-4b0a9d49477fe59a.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/main-app-5594cb5ededaf9a7.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/app/global-error-b714c3eec7ee0789.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/8907-9009309fb3e0b083.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/4289-e244cb7b0ef2dc5c.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/5572-d068cc2bc8e73d12.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/5890-3ab2501336ce1348.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/8843-30fae0bf3c03b39d.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/983-9489f7ffde3c01ca.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/8091-a4921ca326c37a5a.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/5843-8f7228bb2904612a.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/1255-d9c4cec1d694e3c4.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/9322-ad0be248f8428e5e.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/error-8bec5df9fdc2197a.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/3625-453944d6ea4368cb.js" async=""></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js" async=""></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0"></script><link rel="privacy-policy" href="https://our.umbraco.com/privacy-policy"/><meta name="color-scheme" content="light dark"/><title>Configuration | Umbraco UI Builder</title><meta name="description" content="Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta name="generator" content="GitBook (ab132ea)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.umbraco.com/umbraco-ui-builder/14.latest/getting-started/configuration"/><meta property="og:title" content="Configuration | Umbraco UI Builder"/><meta property="og:description" content="Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta property="og:image" content="https://docs.umbraco.com/umbraco-ui-builder/14.latest/~gitbook/ogimage/R2QI5bFF4eFrymKcROSJ"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Configuration | Umbraco UI Builder"/><meta name="twitter:description" content="Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta name="twitter:image" content="https://docs.umbraco.com/umbraco-ui-builder/14.latest/~gitbook/ogimage/R2QI5bFF4eFrymKcROSJ"/><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"/><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=""></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>!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/14.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">14.latest</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/getting-started/configuration?fallback=true">15.latest</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/14.latest/getting-started/configuration?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/getting-started/configuration?fallback=true">13.latest (LTS)</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/10.latest/getting-started/configuration?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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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">14.latest</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/getting-started/configuration?fallback=true">15.latest</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/14.latest/getting-started/configuration?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/getting-started/configuration?fallback=true">13.latest (LTS)</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/10.latest/getting-started/configuration?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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.latest/getting-started/overview">Overview</a></li><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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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 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/14.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/14.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/14.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/14.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/14.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/14.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/14.latest/collections/child-collections/child-collection-groups">Child Collection Groups</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/14.latest/collections/child-collections/retrieve-child-collections">Retrieve Child Collections</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/14.latest/collections/related-collections">Related Collections</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">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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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/14.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=goLTJtSK3i4BWuhwRolv"><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"><template id="B:0"></template><div class="flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start"><div class="flex-1 max-w-3xl mx-auto page-full-width:mx-0"><div role="status" aria-busy="true" class="mb-8"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [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="skeleton-paragraph"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4"><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)_/_48px_48px]"><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></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 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-e79e9ce0e31ce447.js" async=""></script><div hidden id="S:0"><template id="P:1"></template></div><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>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\",\"getting-started/configuration\",\"oc\"]\n17:[]\n0:[\"$\",\"$Lc\",null,{\"buildId\":\"qZNeoQOvLKd1-9LaEcTiM\",\"assetPrefix\":\"https://static.gitbook.com\",\"urlParts\":[\"\",\"umbraco-ui-builder\",\"14.latest\",\"getting-started\",\"configuration\"],\"initialTree\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"getting-started/configuration\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"getting-started\\\",\\\"configuration\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}]}],\"initialSeedData\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"getting-started/configuration\",\"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 r"])</script><script>self.__next_f.push([1,"ounded-md 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\":[\"$\","])</script><script>self.__next_f.push([1,"\"div\",null,{\"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\"]\n12:[\"$\",\"$L18\",null,{}]\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\"]\n1d:I[5145,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"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-3ab250133"])</script><script>self.__next_f.push([1,"6ce1348.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\"]\n59: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\"]\n5a: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\"],\"ThemeToggler\"]\n5b: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\"]\n5c: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\"]\n5d: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:"])</script><script>self.__next_f.push([1," 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--info-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 2"])</script><script>self.__next_f.push([1,"06; --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 255;\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:"])</script><script>self.__next_f.push([1," 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; --contrast-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'"])</script><script>self.__next_f.push([1,"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-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\":\"$undefined\",\"forcedTheme\":\"$undefined\",\"children\":[[\"$\",\"$L22\",null,{\"enabled\":true,\"apiHost\":\"https://api.gitbook.com\",\"visitorAuthToken\":null,\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"siteId\":\"site_q2t2X\",\"siteSectionId\":null,\"siteSpaceId\":\"sitesp_gbl2k\",\"siteShareKey\":null,\"revisionId\":\"d4dyi9bEYh4jEwcMLceA\",\"spaceId\":\"goLTJtSK3i4BWuhwRolv\",\"children\":[[\"$\",\"header\",null,{\"id\":\"site-header\",\"className\":\"flex fle"])</script><script>self.__next_f.push([1,"x-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\":\"14.latest\"}],[\"$\",\"$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 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\":true}],[\"$\",\"$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\":false}]]}]}]}]]}]}],\"$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-"])</script><script>self.__next_f.push([1,"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\":\"14.latest\"}],[\"$\",\"$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\":true}],[\"$\",\"$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\":false}]]}]}]}]]}]]}],[\"$\",\"$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-su"])</script><script>self.__next_f.push([1,"btle 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-gradient.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-gradie"])</script><script>self.__next_f.push([1,"nt-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\",\"$L42\"]}]]}],[\"$\",\"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\":[\"$L43\",\"$L44\"]}]]}],[\"$\",\"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\":[\"$L45\",\"$L46\",\"$L47\",\"$L48\"]}]]}],[\"$\",\"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\",\"Actions\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\"]}]]}],[\"$\",\"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\":[\"$L4d\",\"$L4e\",\"$L4f\"]}]]}],[\"$\",\"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\":[\"$L50"])</script><script>self.__next_f.push([1,"\",\"$L51\"]}]]}],[\"$\",\"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\":[\"$L52\",\"$L53\",\"$L54\",\"$L55\",\"$L56\"]}]]}],[\"$\",\"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\":[\"$L57\",\"$L58\"]}]]}]]}],[\"$\",\"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-filled.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\":[\"$\",\"$L59\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=goLTJtSK3i4BWuhwRolv\",\"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\":[\"$\",\"$L5a\",null,{}]}]}],null,[\"$\",\"div\",null,{\"className\":\"order-4 mx-auto flex w-full grow flex-col items-center gap-2 text-center text-tint"])</script><script>self.__next_f.push([1," 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\":[\"$\",\"$L5b\",null,{\"revisionId\":\"d4dyi9bEYh4jEwcMLceA\",\"spaceTitle\":\"14.latest\",\"withAsk\":true,\"isMultiVariants\":true,\"pointer\":{\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"siteId\":\"site_q2t2X\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_gbl2k\",\"spaceId\":\"goLTJtSK3i4BWuhwRolv\",\"revisionId\":\"d4dyi9bEYh4jEwcMLceA\",\"changeRequestId\":\"$undefined\",\"siteShareKey\":\"$undefined\"}}]}]]}],[[\"$\",\"$L5c\",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\":\"$undefined\"}]]],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L5d\",null,{\"privacyPolicy\":\"https://our.umbraco.com/privacy-policy\"}]}],[\"$\",\"script\",null,{\"nonce\":\"$undefined\",\"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 \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 });\"}}],\"$L5e\"]}]}]\n68: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:[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/\",\"className\":\"group/headerlogo min-w-0 shrink flex items-center\",\"children\":[\"$L5f\",[\"$\",\"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\":[[\"$L60\",\"$L61\",\"$L62\",\"$L63\"],[\"$\",\"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\":\":S"])</script><script>self.__next_f.push([1,"3:\",\"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\":[\"$L64\",\"$L65\",\"$L66\",\"$L67\"]}]}]}]]}]}]]}]\n2c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/\",\"pathname\":\"\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"2fMiU9pY2I3CHg5kPNnM\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Umbraco UI Builder Documentation\"}]}]\n2d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/known-issues\",\"pathname\":\"known-issues\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"sGSQt2kmcTKWNQhpaIVB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Known Issues\"}]}]\n2e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/release-notes\",\"pathname\":\"release-notes\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"OGvP0yH1B2AJ2WPvswFA\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Release Notes\"}]}]\n2f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/installation/installation\",\"pathname\":\"installation/installation\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"UVc94IuIm2GrvpZxlVkG\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Installing Umbraco UI Builder\"}]}]\n30:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/installation/licensing-model\",\"pathname\":\"installation/licensing-model\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"fcYa6Ov5HUugpYfLuK0o\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Licensing\"}]}]\n31:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/upgrading/upgrade\",\"pathname\":\"upgrading/upgrade\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"vrOQxk97VmpaSVzuYdy2\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Upgrading Umbraco UI Builder\"}]}]\n32:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/upgrading/version-specific\",\"pathname\":\"upgrading/version-specific\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"UW3StlMSidsLjHSzyknj\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Version Specific Upgrade Notes\"}]}]\n33:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.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\":\"nSiPhhQrPeJbOdacUgXn\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Migrate from Konstrukt to Umbraco UI Builder\"}]}]\n34:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/getting-started/overview\",\"pathname\":\"getting-started/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"4iMoR1HXSlYuWzfvbjnc\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n35:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/getting-started/configuration\",\"pathname\":\"getting-started/configuration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"R2QI5bFF4eFrymKcROSJ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Configuration\"}]}]\n36:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"c"])</script><script>self.__next_f.push([1,"hildren\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/getting-started/user-interface\",\"pathname\":\"getting-started/user-interface\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"01tS1EmEKRK9Dqnq1FbK\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"User Interface\"}]}]\n37:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.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\":\"yPVX4OjN2rTmk7DuAhXU\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Creating your first integration\"}]}]\n38:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/overview\",\"pathname\":\"areas/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"SPg7W0wQfE5Pu3DaLNFp\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n39:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/sections\",\"pathname\":\"areas/sections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"bKhPz6btXzDNpYqFUIFg\"},\"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\":\"Sections\"}]}]\n3a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/trees\",\"pathname\":\"areas/trees\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"rjDBQEntOO96oqHOBG0n\"},\"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\":\"Trees\"}]}]\n3b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/dashboards\",\"pathname\":\"areas/dashboards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"P2LQKlwMQbV200edzQTa\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Dashboards\"}]}]\n3c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/context-apps\",\"pathname\":\"areas/context-apps\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"nQiiaiO0chOiS2cKi2b5\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Context Apps\"}]}]\n3d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/overview\",\"pathname\":\"collections/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"eFUj6LdeZuiLqRSAO0nr\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n3e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/the-basics\",\"pathname\":\"collections/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"135zqA6taYaNfK9UZXk1\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"The Basics\"}]}]\n3f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/list-views\",\"pathname\":\"collections/list-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"5GMUKKQQDCoG2L7yT6Cb\"},\"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\":\"List Views\"}]}]\n40:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/editors\",\"pathname\":\"collections/editors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"LUoLpdkSq01kZrZR4ODw\"},\"position\":\"sidebar\"}"])</script><script>self.__next_f.push([1,"},\"descendants\":null,\"children\":\"Editors\"}]}]\n41:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/child-collections\",\"pathname\":\"collections/child-collections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"M7ZdR5UoY5mNBCsFP3wj\"},\"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\",\"$L6d\"]}],\"children\":\"Child Collections\"}]}]\n42:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/related-collections\",\"pathname\":\"collections/related-collections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"WXdFxOFLTcOPaBhW95Zi\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Related Collections\"}]}]\n43:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/searching/overview\",\"pathname\":\"searching/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"KcSCVYyZNHjWijhdFLdQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n44:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/searching/searchable-properties\",\"pathname\":\"searching/searchable-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"CMmg242XPelPxQbDSnLB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Searchable Properties\"}]}]\n45:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/filtering/overview\",\"pathname\":\"filtering/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"g3RIsdwlgGX8wGaKkiIW\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n46:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/filtering/global-filters\",\"pathname\":\"filtering/global-filters\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"k81hMStxDzgNRcDPHyB9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Global Filters\"}]}]\n47:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/filtering/data-views\",\"pathname\":\"filtering/data-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"eyUITpKiVdPNYioydKrZ\"},\"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\":[\"$L6e\"]}],\"children\":\"Data Views\"}]}]\n48:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/filtering/filterable-properties\",\"pathname\":\"filtering/filterable-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"UCAzWdzH8SIqrfF7k5fZ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Filterable Properties\"}]}]\n49:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/actions/overview\",\"pathname\":\"actions/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"6klBhaWxEcxwHzmGfbo4\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n4a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/actions/the-basics\",\"pathname\":\"actions/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"gAGoKsVUPq7Ou5C69cJk\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"The Basics\"}]}]\n4b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/actions/action-visibility\",\"pathname\":\"actions/action-visibility\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"4GjS4p5ROJUmEGVj2Nj"])</script><script>self.__next_f.push([1,"S\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Action Visibility\"}]}]\n4c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/actions/inbuilt-actions\",\"pathname\":\"actions/inbuilt-actions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Qg7dfSjTuyMRBe8IcgzF\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Inbuilt Actions\"}]}]\n4d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/cards/overview\",\"pathname\":\"cards/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"CoGo1vBmoLgpApdQk1ja\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n4e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/cards/count-cards\",\"pathname\":\"cards/count-cards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"7h2AypeKQkNmTZT0M4zZ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Count Cards\"}]}]\n4f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/cards/custom-cards\",\"pathname\":\"cards/custom-cards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Z3SJd0p6CWrClGDgo3cW\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Custom Cards\"}]}]\n50:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/property-editors/overview\",\"pathname\":\"property-editors/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ljlPta8Vo8UsaYPCq8lY\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n51:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/property-editors/entity-picker\",\"pathname\":\"property-editors/entity-picker\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hU6O5vBBV4o0dMDKWWqD\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Entity Picker\"}]}]\n52:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/advanced/virtual-sub-trees\",\"pathname\":\"advanced/virtual-sub-trees\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"rWjrP1EAqds3JOJ2YdNa\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Virtual Sub Trees\"}]}]\n53:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/advanced/encrypted-properties\",\"pathname\":\"advanced/encrypted-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"HjpykxrZ8WRe8Z3xmeoW\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Encrypted Properties\"}]}]\n54:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/advanced/value-mappers\",\"pathname\":\"advanced/value-mappers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"xgrN0Oem65KU1qovumJ2\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Value Mappers\"}]}]\n55:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/advanced/repositories\",\"pathname\":\"advanced/repositories\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ebE1XEjNqejk99NpuGYg\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Repositories\"}]}]\n56:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/advanced/events\",\"pathname\":\"advanced/events\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"7J4tBaPBOyWsYso6fAbX\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Events\"}]}]\n57:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/miscellaneous/conventions\",\"pathname\":\"miscellaneous/conventions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"tOk2Av8nRyk1q"])</script><script>self.__next_f.push([1,"zAfhGTn\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Conventions\"}]}]\n58:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/miscellaneous/umbraco-aliases\",\"pathname\":\"miscellaneous/umbraco-aliases\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"GdOPsf4p3ydpzxbB8ZZS\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Umbraco Aliases\"}]}]\n5e:null\n5f:[\"$L6f\",\"$L70\"]\n69:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/sections/summary-dashboards\",\"pathname\":\"areas/sections/summary-dashboards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"dPmOmaAKrWGv2YFjqpSE\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Summary Dashboards\"}]}]\n6a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/areas/trees/folders\",\"pathname\":\"areas/trees/folders\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"NnXApc5R9Kc9TRoXMqLa\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Folders\"}]}]\n6b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/list-views/field-views\",\"pathname\":\"collections/list-views/field-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"mqEODYTojChGPaD6yKFQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Field Views\"}]}]\n6c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/child-collections/child-collection-groups\",\"pathname\":\"collections/child-collections/child-collection-groups\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"0JeBMDsSdLrki18RCB4V\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Child Collection Groups\"}]}]\n6d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/collections/child-collections/retrieve-child-collections\",\"pathname\":\"collections/child-collections/retrieve-child-collections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"vA79jfKQ8YVLp0L8BHcf\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Retrieve Child Collections\"}]}]\n6e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L68\",null,{\"href\":\"/umbraco-ui-builder/14.latest/filtering/data-views/data-views-builders\",\"pathname\":\"filtering/data-views/data-views-builders\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"riRHTXBjZ3Tzi1dC3JjB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Data Views Builders\"}]}]\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\":\"Configuration | Umbraco UI Builder\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (ab132ea)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/getting-started/configuration\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Configuration | Umbraco UI Builder\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/~gitbook/ogimage/R2QI5bFF4eFrymKcROSJ\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Configuration | Umbraco UI Builder\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"cont"])</script><script>self.__next_f.push([1,"ent\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/~gitbook/ogimage/R2QI5bFF4eFrymKcROSJ\"}],[\"$\",\"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\n60:[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/14.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\":\"G1Byxw7XfiZAj8zDMCTD\"},\"position\":\"header\"}},\"children\":[\"CMS\",null]}]\n71:{\"kind\":\"space\",\"space\":\"G1Byxw7XfiZAj8zDMCTD\"}\n64:[false,[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/14.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:[\"$\",\"$L59\",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]}]\n72:{\"kind\":\"space\",\"space\":\"PzKn70Piyd2fd5UkYZGf\"}\n65:[false,[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"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\":\"Cloud\"}],[]]\n63:[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"$L59\",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/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 rin"])</script><script>self.__next_f.push([1,"g-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L73\",\"$L74\",\"$L75\",\"$L76\"]}]}]}]]}]\n77:{\"kind\":\"space\",\"space\":\"eCauR3aomRsx2gdckuDO\"}\n67:[[\"$\",\"hr\",null,{\"className\":\"-mx-2 my-1 border-tint border-t first:hidden\"}],[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$77\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"DXP\"}],[\"$L78\",\"$L79\",\"$L7a\",\"$L7b\"]]\n62:[\"$\",\"$L59\",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]}]\n7c:{\"kind\":\"space\",\"space\":\"ad8WDpzCbd6plrNqe51p\"}\n66:[false,[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$7c\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Heartcore\"}],[]]\n76:[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"q6G5b4jRLUt4SfBhGh4X\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Commerce\"}]\n7d:{\"kind\":\"space\",\"space\":\"q6G5b4jRLUt4SfBhGh4X\"}\n7b:[false,[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$7d\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Commerce\"}],null]\n75:[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"48t6NiNi8O0rnxK4WXz0\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Workflow\"}]\n7e:{\"kind\":\"space\",\"space\":\"48t6NiNi8O0rnxK4WXz0\"}\n7a:[false,[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$7e\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Workflow\"}],null]\n7f: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-f"])</script><script>self.__next_f.push([1,"iles.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 128w6f:[\"$\",\"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%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\":\"$7f\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n74:[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"ocBOJNJhN0VMDHmZWV68\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Deploy\"}]\n80:{\"kind\":\"space\",\"space\":\"ocBOJNJhN0VMDHmZWV68\"}\n79:[false,[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$80\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Deploy\"}],null]\n81: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 128w70:[\"$\",\"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\":\"$81\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n73:[\"$\",\"$L59\",null,{\"href\":\"https://docs.umbraco.com/umbraco-forms/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"Hbkj8mAE5C7ODrOVDnjJ\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Forms\"}]\n82:{\"kind\":\"space\",\"space\":\"Hbkj8mAE5C7ODrOVDnjJ\"}\n78:[false,[\"$\",\"$L59\",null,{\"href\":\""])</script><script>self.__next_f.push([1,"https://docs.umbraco.com/umbraco-forms/14.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$82\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Forms\"}],null]\n"])</script><script>self.__next_f.push([1,"84:I[75632,[\"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\"],\"PageFeedbackForm\"]\n85: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\"]\n86: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\"]\n88:\"$Sreact.fragment\"\n89:I[58982,[\"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-a"])</script><script>self.__next_f.push([1,"4921ca326c37a5a.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\"],\"ClientCodeBlock\"]\n8b: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\"]\n8c: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\"]\n8d: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-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\",\"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\":\"$L83\"}],[\"$\",\"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\":[[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L84\",null,{\"pageId\":\"R2QI5bFF4eFrymKcROSJ\",\"className\":\"mt-2\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/umbraco/UmbracoDocs/blob/main/14/umbraco-ui-builder/getting-started/configuration.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,{\"i"])</script><script>self.__next_f.push([1,"con\":\"github\",\"className\":\"size-4 mr-1.5\"}],\"Edit on GitHub\"]}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/umbraco-ui-builder/14.latest/~gitbook/pdf?page=R2QI5bFF4eFrymKcROSJ\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\":[\"$\",\"$L5a\",null,{}]}]}],[\"$\",\"$L85\",null,{\"zoneId\":null,\"placement\":\"aside\",\"spaceId\":\"goLTJtSK3i4BWuhwRolv\",\"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\":[[\"$\",\"$L86\",null,{\"asFullWidth\":false}],null,\"$L87\",[\"$\",\"$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: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\":\"adduibuilder\",\"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-[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\":\"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)"])</script><script>self.__next_f.push([1,"_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)] mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"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)]\"}]}]}]}],[\"$\",\"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)]\"}]}]}]}]]}],\"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\":[[[\"$\",\"$88\",\"0\",{\"children\":\"Umbraco UI Builder can be configured directly via the \"}],[\"$\",\"$88\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AddUIBuilder\"}]}],[\"$\",\"$88\",\"2\",{\"children\":\" extension method on \"}],[\"$\",\"$88\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"IUmbracoBuilder\"}]}],[\"$\",\"$88\",\"4\",{\"children\":\".\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"adduibuilder\",\"className\":\"text-3xl font-semibold heading group relative grid mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#adduibuilder\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-tight\",\"children\":[\"$\",\"$L26\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$88\",\"0\",{\"children\":\"AddUIBuilder\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$88\",\"0\",{\"children\":\"To configure Umbraco UI Builder via the \"}],[\"$\",\"$88\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AddUIBuilder\"}]}],[\"$\",\"$88\",\"2\",{\"child"])</script><script>self.__next_f.push([1,"ren\":\" extension method, You can look in the \"}],[\"$\",\"$88\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"Program.cs\"}]}],[\"$\",\"$88\",\"4\",{\"children\":\" file in the root of your web project. From within this file, before the call to \"}],[\"$\",\"$88\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AddComposers()\"}]}],[\"$\",\"$88\",\"6\",{\"children\":\" we can add our \"}],[\"$\",\"$88\",\"7\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AddUIBuilder\"}]}],[\"$\",\"$88\",\"8\",{\"children\":\" configuration.\"}]]]}],[\"$\",\"$L89\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"csharp\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"builder.CreateUmbracoBuilder()\",\"marks\":[]}],\"key\":\"e5e185fa0ec04b7fbe1c7d8b6835d634\"}],\"key\":\"89ba80b86d1944b4833e8c3b88b9b89f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" .AddBackOffice()\",\"marks\":[]}],\"key\":\"403df05faaed4166a64abb05d802a826\"}],\"key\":\"c8585e8c7fa3429ba5d77ea6b5c5f42f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" .AddWebsite()\",\"marks\":[]}],\"key\":\"efabf0e8fcc54b47aeb2fbe6d01b48bf\"}],\"key\":\"bb5d8ccc4c944366adc28f19f7772513\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" .AddUIBuilder(cfg =\u003e {\",\"marks\":[]}],\"key\":\"c21368c6421f4bbba12c93fdf3a627fc\"}],\"key\":\"27d7c9add24c46d08f8b8811c459e8a9\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // Apply your configuration here\",\"marks\":[]}],\"key\":\"557835d8c9f4433fb4d8627092b9a17c\"}],\"key\":\"dc88fb47ff8f4db49cd87f019d403e1a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" })\",\"marks\":[]}],\"key\":\"43dc82fd243b42778a9506ad700c8056\"}],\"key\":\"f8dfa3dbe2d04fcda286af85a5d666bf\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" .AddDeliveryApi()\",\"marks\":[]}],\"key\":\"59e7921baba24d2e8439a598157fdef6\"}],\"key\":\"29c800771a8649d587ab81ed67bcd727\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" .AddComposers()\",\"marks\":[]}],\"key\":\"6160451289024c8685eee2fc91c72695\"}],\"key\":\"c087d87b912f43369b652596c4582266\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" .Build();\",\"marks\":[]}],\"key\":\"6bf14822313b4042a4afee0c56ec9aea\"}],\"key\":\"18f99fc450df41d9ae4854b3e8e9cd8d\"}],\"key\":\"e51234d1f37548fb8bb42169d7625b30\"},\"style\":[\"mx-auto w-full decoration-primary/6\",\"max-w-3xl\",[\"page-api-block:ml-0\"]],\"inlines\":[]}],[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$88\",\"0\",{\"children\":\"The \"}],[\"$\",\"$88\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AddUIBuilder\"}]}],[\"$\",\"$88\",\"2\",{\"children\":\" extension method accepts a single parameter, a delegate function with one of the Umbraco UI Builder configuration builder arguments. With this, you can then call the relevant fluent APIs to define your solution.\"}]]]}]]}]}],\"$L8"])</script><script>self.__next_f.push([1,"a\",[\"$\",\"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\":[[[\"$\",\"$88\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$88\",\"arg-0\",{\"children\":[\"$\",\"$L8b\",null,{\"value\":\"2024-05-29T07:12:37.555Z\"}]}]],\"\"]}],[\"$\",\"$L84\",null,{\"className\":\"xl:hidden\",\"pageId\":\"R2QI5bFF4eFrymKcROSJ\"}]]}]]}],[\"$\",\"$L8c\",null,{\"pageId\":\"R2QI5bFF4eFrymKcROSJ\"}]]]}],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L8d\",null,{\"withSections\":false}]}]]\n"])</script><script>self.__next_f.push([1,"87:[\"$\",\"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\":[[\"$\",\"$88\",\"3aIIDjcZDit68LF0HzMV\",{\"children\":[[\"$\",\"li\",\"3aIIDjcZDit68LF0HzMV\",{\"children\":[\"$\",\"$L59\",null,{\"href\":\"/umbraco-ui-builder/14.latest/getting-started\",\"children\":[\"$undefined\",\"Getting Started\"],\"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\",\"Configuration\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-tint\",\"children\":\"Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}]]}]\n8a:[\"$\",\"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\":[[\"$\",\"$L59\",null,{\"href\":\"/umbraco-ui-builder/14.latest/getting-started/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"4iMoR1HXSlYuWzfvbjnc\"},\"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-cl"])</script><script>self.__next_f.push([1,"amp-2\",\"children\":\"Overview\"}]]}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}],[\"$\",\"$L59\",null,{\"href\":\"/umbraco-ui-builder/14.latest/getting-started/user-interface\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"01tS1EmEKRK9Dqnq1FbK\"},\"position\":\"content\"}},\"className\":\"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\",\"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\":\"User Interface\"}]]}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}]]}]\n83:null\n"])</script><div hidden id="S:1"><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 class="flex flex-col gap-3 text-sm mt-2"><div class="flex flex-wrap items-center gap-2"><p>Was this helpful?</p><div class="rounded-full border border-tint-subtle bg-tint-base contrast-more:border-tint-12"><div class="flex"><button class="p-2 first:rounded-l-full first:pl-2.5 last:rounded-r-full last:pr-2.5 hover:bg-primary-hover hover:text-primary-strong disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit ring-tint contrast-more:hover:ring-1 disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 first:rounded-l-full first:pl-2.5 last:rounded-r-full last:pr-2.5 hover:bg-primary-hover hover:text-primary-strong disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit ring-tint contrast-more:hover:ring-1 disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 first:rounded-l-full first:pl-2.5 last:rounded-r-full last:pr-2.5 hover:bg-primary-hover hover:text-primary-strong disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit ring-tint contrast-more:hover:ring-1 disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div></div><div><a href="https://github.com/umbraco/UmbracoDocs/blob/main/14/umbraco-ui-builder/getting-started/configuration.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/14.latest/~gitbook/pdf?page=R2QI5bFF4eFrymKcROSJ&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/14.latest/getting-started">Getting Started</a></li></ol></nav><h1 class="text-4xl font-bold flex items-center gap-4">Configuration</h1><p class="text-lg text-tint">Configuring Umbraco UI Builder, the backoffice UI builder for Umbraco.</p></header><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">Umbraco UI Builder can be configured directly via the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AddUIBuilder</code> extension method on <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">IUmbracoBuilder</code>.</p><h2 id="adduibuilder" class="text-3xl font-semibold heading group relative grid mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#adduibuilder" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">AddUIBuilder</div></h2><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">To configure Umbraco UI Builder via the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AddUIBuilder</code> extension method, You can look in the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">Program.cs</code> file in the root of your web project. From within this file, before the call to <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AddComposers()</code> we can add our <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AddUIBuilder</code> configuration.</p><div class="group/codeblock grid grid-flow-col mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start gap-2 text-sm [grid-area:1/1]"></div><button class="z-[2] mt-2 mr-2 self-start justify-self-end rounded-md bg-transparent p-1 text-tint text-xs leading-none opacity-0 ring-1 ring-tint backdrop-blur-md transition-opacity duration-75 [grid-area:2/1] hover:ring-tint-hover group-hover/codeblock:opacity-[1] print:hidden">Copy</button><pre class="hide-scroll relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle [grid-area:2/1] rounded-md straight-corners:rounded-sm"><code id=":R14d9uu8qfkvfa:" class="inline-grid min-w-full grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">builder.CreateUmbracoBuilder() </span></span><span class="highlight-line"><span class="highlight-line-content"> .AddBackOffice() </span></span><span class="highlight-line"><span class="highlight-line-content"> .AddWebsite() </span></span><span class="highlight-line"><span class="highlight-line-content"> .AddUIBuilder(cfg => { </span></span><span class="highlight-line"><span class="highlight-line-content"> // Apply your configuration here </span></span><span class="highlight-line"><span class="highlight-line-content"> }) </span></span><span class="highlight-line"><span class="highlight-line-content"> .AddDeliveryApi() </span></span><span class="highlight-line"><span class="highlight-line-content"> .AddComposers() </span></span><span class="highlight-line"><span class="highlight-line-content"> .Build();</span></span></code></pre></div><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">The <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AddUIBuilder</code> extension method accepts a single parameter, a delegate function with one of the Umbraco UI Builder configuration builder arguments. With this, you can then call the relevant fluent APIs to define your solution.</p></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/14.latest/getting-started/overview"><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">Overview</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/14.latest/getting-started/user-interface"><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">User Interface</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="2024-05-29T07:12:37.555Z" title="5/29/2024, 7:12:37 AM">9 months ago</time></p><div class="flex flex-col gap-3 text-sm xl:hidden"><div class="flex flex-wrap items-center gap-2"><p>Was this helpful?</p><div class="rounded-full border border-tint-subtle bg-tint-base contrast-more:border-tint-12"><div class="flex"><button class="p-2 first:rounded-l-full first:pl-2.5 last:rounded-r-full last:pr-2.5 hover:bg-primary-hover hover:text-primary-strong disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit ring-tint contrast-more:hover:ring-1 disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 first:rounded-l-full first:pl-2.5 last:rounded-r-full last:pr-2.5 hover:bg-primary-hover hover:text-primary-strong disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit ring-tint contrast-more:hover:ring-1 disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 first:rounded-l-full first:pl-2.5 last:rounded-r-full last:pr-2.5 hover:bg-primary-hover hover:text-primary-strong disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit ring-tint contrast-more:hover:ring-1 disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div></div></div></main></div></div><script>$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><script>$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>