CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] straight-corners theme-clean no-tint sidebar-default sidebar-list-default links-default"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><link rel="preconnect" href="https://static.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=1&quality=100&sign=31e2f76f&sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=2&quality=100&sign=31e2f76f&sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=3&quality=100&sign=31e2f76f&sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/2567c890e467e55b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/79eda1c72751119a.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi" href="https://static.gitbook.com/_next/static/chunks/webpack-7701ea28c02815ed.js"/><script src="https://static.gitbook.com/_next/static/chunks/1dd3208c-d78985df41c8a89e.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/4850-4b0a9d49477fe59a.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/main-app-c07e1aaf5d99656e.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/app/global-error-b714c3eec7ee0789.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/8907-9009309fb3e0b083.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/4289-e244cb7b0ef2dc5c.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/5572-d068cc2bc8e73d12.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/5890-3ab2501336ce1348.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/8843-30fae0bf3c03b39d.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/983-9489f7ffde3c01ca.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/8091-a4921ca326c37a5a.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/5843-8f7228bb2904612a.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/1255-d9c4cec1d694e3c4.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/not-found-73f4e312671cfcdf.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/9322-ad0be248f8428e5e.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/error-8bec5df9fdc2197a.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/3625-453944d6ea4368cb.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js" async="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script><link rel="privacy-policy" href="https://our.umbraco.com/privacy-policy"/><meta name="color-scheme" content="light dark"/><title>Umbraco UI Builder Documentation | Umbraco UI Builder</title><meta name="description" content="Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta name="generator" content="GitBook (31bcd1a)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest"/><meta property="og:title" content="Umbraco UI Builder Documentation | Umbraco UI Builder"/><meta property="og:description" content="Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta property="og:image" content="https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/2Mc49kExlfUBDReBRTz9"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Umbraco UI Builder Documentation | Umbraco UI Builder"/><meta name="twitter:description" content="Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco."/><meta name="twitter:image" content="https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/2Mc49kExlfUBDReBRTz9"/><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="" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi"></script></head><body class="__className_2f5617 __className_aca046 __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint"><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><header id="site-header" class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg"><div class="theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2"><div class="scroll-nojump"><div class="gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 page-no-toc:max-[400px]:flex-wrap px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex max-w-full page-no-toc:max-[400px]:w-full min-w-0 shrink items-center justify-start gap-2 lg:gap-4"><button class="flex flex-row items-center py-1 px-2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo min-w-0 shrink flex items-center" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=1&quality=100&sign=31e2f76f&sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=2&quality=100&sign=31e2f76f&sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=3&quality=100&sign=31e2f76f&sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2 128w" sizes="32px" width="2084" height="1881"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=1&quality=100&sign=31e2f76f&sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=2&quality=100&sign=31e2f76f&sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=3&quality=100&sign=31e2f76f&sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861&width=32&dpr=4&quality=100&sign=31e2f76f&sv=2 128w" sizes="32px" width="2084" height="1881"/><div class="text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link">Umbraco UI Builder</div></a></div><div class="mr-auto page-no-toc:flex hidden"><div class="group/dropdown relative flex min-w-0 shrink"><div id=":S1:" tabindex="0" aria-expanded="true" aria-haspopup="true" data-testid="space-dropdown-button" class="flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover theme-bold:bg-header-link/2 theme-bold:text-header-link theme-bold:ring-header-link/4 theme-bold:group-focus-within/dropdown:bg-header-link/3 theme-bold:group-focus-within/dropdown:text-header-link theme-bold:group-focus-within/dropdown:ring-header-link/6 theme-bold:group-hover/dropdown:bg-header-link/3 theme-bold:group-hover/dropdown:text-header-link theme-bold:group-hover/dropdown:ring-header-link/6 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:group-hover/dropdown:text-header-link theme-bold:contrast-more:group-hover/dropdown:ring-header-link theme-bold:contrast-more:group-focus-within/dropdown:text-header-link theme-bold:contrast-more:group-focus-within/dropdown:ring-header-link theme-bold:dark:bg-header-link/2 theme-bold:dark:text-header-link theme-bold:dark:ring-header-link/4 theme-bold:dark:group-hover/dropdown:bg-header-link/3 theme-bold:dark:group-hover/dropdown:text-header-link theme-bold:dark:group-hover/dropdown:ring-header-link/6 theme-bold:contrast-more:dark:group-hover/dropdown:text-header-link theme-bold:contrast-more:dark:group-hover/dropdown:ring-header-link theme-bold:dark:group-focus-within/dropdown:bg-header-link/3 theme-bold:dark:group-focus-within/dropdown:text-header-link theme-bold:dark:group-focus-within/dropdown:ring-header-link/6 theme-bold:contrast-more:dark:group-focus-within/dropdown:text-header-link theme-bold:contrast-more:dark:group-focus-within/dropdown:ring-header-link"><span class="line-clamp-2 grow">10.latest (LTS)</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></div><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/?fallback=true">15.latest</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/14.latest/?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/?fallback=true">13.latest (LTS)</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm bg-primary text-primary-strong hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/?fallback=true">10.latest (LTS)</a></div></div></div></div></div><div class="headerLinks_containerHeaderlinks__GUgiv lg:[&>.button+.button]:-ml-2 z-20 flex min-w-9 shrink grow items-center justify-end gap-x-4 lg:gap-x-6"><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" href="https://docs.umbraco.com/umbraco-cms/10.latest/">CMS</a><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" href="https://docs.umbraco.com/umbraco-cloud/">Cloud</a><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" href="https://docs.umbraco.com/umbraco-heartcore/">Heartcore</a><div class="group/dropdown relative flex min-w-0 shrink"><a class="flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link" id=":S4:" tabindex="0" aria-expanded="true" aria-haspopup="true" href="https://docs.umbraco.com/umbraco-dxp/">DXP<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></a><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S4:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible shrink"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-forms/10.latest/">Forms</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-deploy/10.latest/">Deploy</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-workflow/10.latest/">Workflow</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-commerce/10.latest/">Commerce</a></div></div></div></div><div class="headerLinks_linkEllipsis__Z01IN z-20 items-center"><div class="group/dropdown relative flex min-w-0 shrink"><button type="button" class="text-tint hover:text-primary dark:hover:text-primary theme-bold:text-header-link theme-bold:hover:text-header-link/8 flex gap-1 items-center"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S3:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-cms/10.latest/">CMS</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-cloud/">Cloud</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-heartcore/">Heartcore</a><hr class="-mx-2 my-1 border-tint border-t first:hidden"/><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-dxp/">DXP</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-forms/10.latest/">Forms</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-deploy/10.latest/">Deploy</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-workflow/10.latest/">Workflow</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-commerce/10.latest/">Commerce</a></div></div></div></div></div></div><div class="flex md:min-w-56 grow-0 shrink-0 justify-self-end"><button type="button" aria-label="Search" class="flex flex-1 flex-row justify-center items-center w-full px-3 py-2 gap-2 bg-tint-base ring-1 ring-tint-12/2 shadow-sm shadow-tint-12/3 dark:shadow-none text-tint rounded-lg straight-corners:rounded-sm contrast-more:ring-tint-12 contrast-more:text-tint-strong transition-all hover:bg-tint-subtle hover:shadow-md hover:scale-102 hover:ring-tint-hover hover:text-tint-strong focus:shadow-md focus:scale-102 focus:ring-tint-hover focus:text-tint-strong contrast-more:hover:ring-2 contrast-more:hover:ring-tint-12 contrast-more:focus:ring-2 contrast-more:focus:ring-tint-12 active:shadow-sm active:scale-98 md:justify-start md:w-full theme-bold:bg-header-link/2 theme-bold:hover:bg-header-link/3 theme-bold:text-header-link/8 theme-bold:hover:text-header-link theme-bold:ring-header-link/4 theme-bold:hover:ring-header-link/5 theme-bold:[&_svg]:text-header-link/10 theme-bold:[&_.shortcut]:text-header-link/8 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:hover:bg-header-background theme-bold:contrast-more:hover:ring-header-link theme-bold:contrast-more:focus:text-header-link theme-bold:contrast-more:focus:bg-header-background theme-bold:contrast-more:focus:ring-header-link theme-bold:shadow-none theme-bold:hover:shadow-none"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon text-tint-subtle shrink-0 size-4"></svg><div class="w-full hidden md:block text-left"><span class="flex-1">Ask or search...</span></div><div class="shortcut hidden md:inline justify-end text-xs text-tint contrast-more:text-tint-strong whitespace-nowrap [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</div></button></div></div></div></div></header><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]"><aside data-testid="table-of-contents" class="group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle"><div class="lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none"><div class="px-5 *:my-4"><div class="group/dropdown relative flex min-w-0 shrink"><div id=":S2:" tabindex="0" aria-expanded="true" aria-haspopup="true" data-testid="space-dropdown-button" class="flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover w-full"><span class="line-clamp-2 grow">10.latest (LTS)</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180"></svg></div><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S2:" class="w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible"><div class="mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none"><div class="flex flex-col gap-1"><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/?fallback=true">15.latest</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/14.latest/?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/?fallback=true">13.latest (LTS)</a><a class="rounded straight-corners:rounded-sm px-3 py-1 text-sm bg-primary text-primary-strong hover:bg-tint-hover" href="https://docs.umbraco.com/umbraco-ui-builder/10.latest/?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 aria-current="page" class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance text-sm hover:contrast-more:ring-1 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px font-semibold sidebar-list-line:before:w-0.5 before:bg-primary-solid text-primary-subtle sidebar-list-pill:bg-primary [html.sidebar-list-pill.theme-muted_&]:bg-primary-hover [html.sidebar-list-pill.theme-bold.tint_&]:bg-primary-hover [html.sidebar-filled.sidebar-list-pill.theme-muted_&]:bg-primary [html.sidebar-filled.sidebar-list-pill.theme-bold.tint_&]:bg-primary hover:bg-primary-hover hover:text-primary hover:before:bg-primary-solid-hover sidebar-list-pill:hover:bg-primary-hover contrast-more:text-primary contrast-more:hover:text-primary-strong contrast-more:bg-primary contrast-more:ring-1 contrast-more:ring-primary contrast-more:hover:ring-primary-hover" href="/umbraco-ui-builder/10.latest">Umbraco UI Builder Documentation</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/known-issues">Known Issues</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/release-notes">Release Notes</a></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Installation</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/installation/installation">Installing Umbraco UI Builder</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/installation/licensing-model">Licensing</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Upgrading</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/upgrading/upgrade">Upgrading Umbraco UI Builder</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/upgrading/version-specific">Version Specific Upgrade Notes</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/upgrading/migrating-from-konstrukt-to-umbraco-ui-builder">Migrate from Konstrukt to Umbraco UI Builder</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Getting Started</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/getting-started/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/getting-started/configuration">Configuration</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/getting-started/user-interface">User Interface</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">How-to Guides</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/how-to-guides/creating-your-first-integration">Creating your first integration</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Areas</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/sections">Sections<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/sections/summary-dashboards">Summary Dashboards</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/trees">Trees<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/trees/folders">Folders</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/dashboards">Dashboards</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/areas/context-apps">Context Apps</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Collections</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/the-basics">The Basics</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/list-views">List Views<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/list-views/field-views">Field Views</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/editors">Editors</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/child-collections">Child Collections<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/collections/child-collections/child-collection-groups">Child Collection Groups</a></li></ul></div></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Searching</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/searching/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/searching/searchable-properties">Searchable Properties</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Filtering</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/global-filters">Global Filters</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/data-views">Data Views<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/data-views/data-views-builders">Data Views Builders</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/filtering/filterable-properties">Filterable Properties</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Actions</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/the-basics">The Basics</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/action-visibility">Action Visibility</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/actions/inbuilt-actions">Inbuilt Actions</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Cards</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/cards/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/cards/count-cards">Count Cards</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/cards/custom-cards">Custom Cards</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Property Editors</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/property-editors/overview">Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/property-editors/entity-picker">Entity Picker</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Advanced</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/virtual-sub-trees">Virtual Sub Trees</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/encrypted-properties">Encrypted Properties</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/value-mappers">Value Mappers</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/repositories">Repositories</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/advanced/events">Events</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Miscellaneous</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/miscellaneous/conventions">Conventions</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between rounded-md straight-corners:rounded-none p-1.5 pl-3 text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:-left-px before:absolute before:inset-y-0 sidebar-list-line:rounded-l-none sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px" href="/umbraco-ui-builder/10.latest/miscellaneous/umbraco-aliases">Umbraco Aliases</a></li></ul></li></ul><div class="relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base before:hidden lg:before:block before:content-[""] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_&]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_&]:before:to-tint-base"><a target="_blank" class="text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=U6iam08F5jiW68OgrPAV"><svg style="mask-image:url(https://static.gitbook.com/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex grow flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2"><div class="hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/block-quote.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden"></svg></div><div class="overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><ul class="sidebar-list-line:border-l border-tint-subtle"><li class="flex flex-row relative h-fit mt-2"><a href="#using-the-documentation" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">Using the Documentation</span></a></li><li class="flex flex-row relative h-fit mt-2"><a href="#getting-help" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">Getting Help</span></a></li></ul><div class="flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden"><div><a href="https://github.com/umbraco/UmbracoDocs/blob/main/10/umbraco-ui-builder/README.md" class="flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/github.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Edit on GitHub</a></div><div><a href="/umbraco-ui-builder/10.latest/~gitbook/pdf?page=2Mc49kExlfUBDReBRTz9&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"><h1 class="text-4xl font-bold flex items-center gap-4">Umbraco UI Builder Documentation</h1><p class="text-lg text-tint">Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco.</p></header><template id="B:0"></template><div class="flex flex-col gap-4"><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div id="using-the-documentation" role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[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="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div><div id="getting-help" role="status" aria-busy="true" class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[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="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]"></div></div></div></div></div><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 items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/umbraco-ui-builder/10.latest/known-issues"><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">Known Issues</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-01-03T14:28:05.135Z" title="1/3/2024, 2:28:05 PM">1 year ago</time></p></div></main></div></div></div><hr class="border-tint-subtle border-t"/><div class="scroll-nojump"><footer class="sm:px-6 md:px-8 max-w-screen-2xl page-full-width:max-w-full px-4 mx-auto flex gap-12 xl:hidden"><div class="hidden page-no-toc:hidden basis-72 lg:block"></div><div class="py-8 gap-12 flex flex-wrap items-start w-full flex-1 max-w-3xl page-full-width:max-w-none mx-auto"><div class="order-2 ml-auto flex items-center justify-end xl:hidden"><div role="radiogroup" class="flex flex-row gap-2"><button type="button" role="radio" aria-label="Switch to light theme" title="Switch to light theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" title="Switch to system theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" title="Switch to dark theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div><div class="order-4 mx-auto flex w-full grow flex-col items-center gap-2 text-center text-tint text-xs empty:hidden self-center sm:order-1 sm:w-auto sm:max-w-3xl sm:flex-1 sm:items-start sm:text-start"></div></div><div class="hidden page-no-toc:hidden lg:block xl:basis-56"></div></footer></div><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="https://static.gitbook.com/_next/static/chunks/webpack-7701ea28c02815ed.js" nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi" async=""></script><div hidden id="S:0"><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">Umbraco UI Builder is the Umbraco v10+ backoffice UI builder for custom data structures configured via a fluent API.</p><div class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center"><template id="P:1"></template></div><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">If you have a custom data store that you want to content manage from within Umbraco, then you can use Umbraco UI Builder. With some lines of code, you can configure a custom administration UI, and reuse many core components with a consistent look and feel.</p><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">With Umbraco UI Builder, custom backoffice integrations can now take a matter of minutes, rather than days.</p><h2 id="using-the-documentation" 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="#using-the-documentation" 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]">Using the Documentation</div></h2><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0"><strong class="font-bold">This documentation is aimed at developers</strong> who have at least a basic understanding of Umbraco, as well as C#/MVC principles.</p><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">If you are new to Umbraco UI Builder, it is recommended that you start by taking a look at the <a class="underline 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" href="/umbraco-ui-builder/10.latest/getting-started/overview">Getting Started</a> section. This provides details on the system requirements and how to install Umbraco UI Builder.</p><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">Once you have Umbraco UI Builder installed and are wondering "What next?" then you'll want to take a look at the <a class="underline 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" href="/umbraco-ui-builder/10.latest/how-to-guides/creating-your-first-integration">Guides</a> section. This provides a quick-start example of how to configure Umbraco UI Builder.</p><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">Use the main menu to dive deeper into Umbraco UI Builder and get to know all of its features in detail. You can then jump to the specific topic you are interested in to find out more.</p><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">Finally, for all other resources/useful information you can head over to the <a class="underline 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" href="/umbraco-ui-builder/10.latest/miscellaneous/conventions">Miscellaneous</a> section.</p><h2 id="getting-help" 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="#getting-help" 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]">Getting Help</div></h2><p class="mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0">If you require assistance you can use our support channels to seek assistance.</p></div></div><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">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\",\"\",\"oc\"]\n17:[]\n0:[\"$\",\"$Lc\",null,{\"buildId\":\"OK1RkwojeS7tJbgRbJRtr\",\"assetPrefix\":\"https://static.gitbook.com\",\"urlParts\":[\"\",\"umbraco-ui-builder\",\"10.latest\"],\"initialTree\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}]}],\"initialSeedData\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Ld\",\"$Le\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$10\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L12\",\"notFoundStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md 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_1p"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"x_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L13\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",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)}@m"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"edia (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\",{\"nonce\":\"MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi\"}]\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-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"s"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"tatic/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"SpacesDropdownMenuItem\"]\n29:\"$Sreact.suspense\"\n2a:I[86604,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"SearchButton\"]\n2b:I[19656,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"TOCScrollContainer\"]\n58:I[22833,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"Link\"]\n59:I[42663,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"ThemeToggler\"]\n5a:I[42579,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"SearchModal\"]\n5b:I[49780,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"LoadIntegrations\"]\n5c:I[35489,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"CookiesToast\"]\n1c:T2bc2,\n :root {\n --primary-1: 253 255 255; --contrast-primary-1: 29 29 29;\n--primary-2: 246 250 255; --contrast-primary-2: 29 29 29;\n--primary-3: 241 247 255; --contrast-primary-3: 29 29 29;\n--primary-4: 234 242 255; --contrast-primary-4: 29 29 29;\n--primary-5: 227 237 255; --contrast-primary-5: 29 29 29;\n--primary-6: 217 229 255; --contrast-primary-6: 29 29 29;\n--primary-7: 203 216 253; --contrast-primary-7: 29 29 29;\n--primary-8: 188 203 246; --contrast-primary-8: 29 29 29;\n--primary-9: 97 125 224; --contrast-primary-9: 255 255 255;\n--primary-10: 86 113 211; --contrast-primary-10: 255 255 255;\n--primary-11: 76 101 198; --contrast-primary-11: 255 255 255;\n--primary-12: 11 0 99; --contrast-primary-12: 255 255 255;\n--primary-original: 40 58 151; --contrast-primary-original: 255 255 255;\n --tint-1: 255 255 255; --contrast-tint-1: 29 29 29;\n--tint-2: 249 250 252; --contrast-tint-2: 29 29 29;\n--tint-3: 246 247 251; --contrast-tint-3: 29 29 29;\n--tint-4: 240 242 247; --contrast-tint-4: 29 29 29;\n--tint-5: 235 237 242; --contrast-tint-5: 29 29 29;\n--tint-6: 227 229 23"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"6; --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 206; --contrast-success-6: 29 29 29;\n--success-7: 185 231 190; --contrast-success-7: 29 29 29;\n--success-8: 167 220 "])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"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: 255 255 255;\n--warning-8: 104 70 34; --contrast-warning-8: 255 255 255;\n--warning-9: 254 154 0; --contrast-warning"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"-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'd like to add?\",\"submit\":\"Submit\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\""])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"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\":\"MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi\",\"forcedTheme\":\"$undefined\",\"children\":[[\"$\",\"$L22\",null,{\"enabled\":true,\"apiHost\":\"https://api.gitbook.com\",\"visitorAuthToken\":null,\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"siteId\":\"site_q2t2X\",\"siteSectionId\":null,\"siteSpaceId\":\"sitesp_4nRW1\",\"siteShareKey\":null,\"revisionId\":\"MSi5ePULo5p8EjdX3qAM\",\"spaceId\":\"U6iam08F5jiW68OgrPAV\",\"children\":[[\"$\",\"header\",null,{\"id\":\"site-header\",\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 page-no-toc:max-[400px]:flex-wrap px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex max-w-full page-no-toc:max-[400px]:w-full min-w-0 shrink items-center justify-start gap-2 lg:gap-4\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3\"}],\"$L24\"]}],[\"$\",\"div\",null,{\"className\":\"mr-auto page-no-toc:flex hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"div\",null,{\"id\":\":S1:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"data-testid\":\"space-dropdown-button\",\"className\":\"$25\",\"children\":[[\"$\",\"span\",null,{\"className\":\"line-clamp-2 grow\",\"children\":\"10.latest (LTS)\"}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S1:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"$L27\",\"sitesp_TFY4G-0\",{\"variantSpace\":{\"id\":\"sitesp_TFY4G\",\"title\":\"15.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_gbl2k-1\",{\"variantSpace\":{\"id\":\"sitesp_gbl2k\",\"title\":\"14.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_zNr0N-2\",{\"variantSpace\":{\"id\":\"sitesp_zNr0N\",\"title\":\"13.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/13.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_4nRW1-3\",{\"variantSpace\":{\"id\":\"sitesp_4nRW1\",\"title\":\"10.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/\"},\"active\":true}]]}]}]}]]}]}],\"$L28\",[\"$\",\"div\",null,{\"className\":\"flex md:min-w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2a\",null,{\"style\":[\"theme-bold:bg-header-link/2\",\"theme-bold:hover:bg-header-link/3\",\"theme-bold:text-header-link/8\",\"theme-bold:hover:text-header-link\",\"theme-bold:ring-header-link/4\",\"theme-bold:hover:ring-header-link/5\",\"theme-bold:[\u0026_svg]:text-header-link/10\",\"theme-bold:[\u0026_.shortcut]:text-header-link/8\",\"theme-bold:contrast-more:bg-header-background\",\"theme-bold:contrast-more:text-header-link\",\"theme-bold:contrast-more:ring-header-link\",\"theme-bold:contrast-more:hover:bg-header-background\",\"theme-bold:contrast-more:hover:ring-header-link\",\"theme-bold:contrast-more:focus:text-header-link\",\"theme-bold:contrast-more:focus:bg-header-background\",\"theme-bold:contrast-more:focus:ring-header-link\",\"theme-bold:shadow-none\",\"theme-bold:hover:shadow-none\"],\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":[\"Ask or search\",\"...\"]}]}]}]}]]}]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]\",\"children\":[[\"$\",\"aside\",null,{\"data-testid\":\"table-of-contents\",\"className\":\"group page-no-toc:hidden grow-0 shrink-0 basi"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"s-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none\",\"children\":[[\"$\",\"div\",null,{\"className\":\"px-5 *:my-4\",\"children\":[false,false,[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"div\",null,{\"id\":\":S2:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"data-testid\":\"space-dropdown-button\",\"className\":\"flex flex-row items-center transition-all hover:cursor-pointer px-3 py-2 gap-2 rounded-md straight-corners:rounded-none bg-tint-base group-hover/dropdown:bg-tint-base group-focus-within/dropdown:bg-tint-base text-sm text-tint group-hover/dropdown:text-tint-strong group-focus-within/dropdown:text-tint-strong ring-1 ring-tint-subtle group-hover/dropdown:ring-tint-hover group-focus-within/dropdown:ring-tint-hover contrast-more:bg-tint-base contrast-more:ring-1 contrast-more:group-hover/dropdown:ring-2 contrast-more:ring-tint contrast-more:group-hover/dropdown:ring-tint-hover contrast-more:group-focus-within/dropdown:ring-tint-hover w-full\",\"children\":[[\"$\",\"span\",null,{\"className\":\"line-clamp-2 grow\",\"children\":\"10.latest (LTS)\"}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S2:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-focus-within/dropdown:visible group-hover/dropdown:invisible group-focus-within/dropdown:group-hover/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"$L27\",\"sitesp_TFY4G-0\",{\"variantSpace\":{\"id\":\"sitesp_TFY4G\",\"title\":\"15.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_gbl2k-1\",{\"variantSpace\":{\"id\":\"sitesp_gbl2k\",\"title\":\"14.latest\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/14.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_zNr0N-2\",{\"variantSpace\":{\"id\":\"sitesp_zNr0N\",\"title\":\"13.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/13.latest/\"},\"active\":false}],[\"$\",\"$L27\",\"sitesp_4nRW1-3\",{\"variantSpace\":{\"id\":\"sitesp_4nRW1\",\"title\":\"10.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/\"},\"active\":true}]]}]}]}]]}]]}],[\"$\",\"$L2b\",null,{\"className\":\"flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent group-hover:[\u0026::-webkit-scrollbar]:bg-tint-subtle group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[\u0026::-webkit-scrollbar-thumb:hover]:bg-tint-8\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle\",\"children\":[\"$L2c\",\"$L2d\",\"$L2e\",[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [h"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"tml.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-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradie"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"nt-tint\",\"children\":[\"$undefined\",\"Collections\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Searching\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L42\",\"$L43\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Filtering\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L44\",\"$L45\",\"$L46\",\"$L47\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Actions\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L48\",\"$L49\",\"$L4a\",\"$L4b\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Cards\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L4c\",\"$L4d\",\"$L4e\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Property Editors\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L4f\",\"$L50\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-gro"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"up-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Advanced\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Miscellaneous\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L56\",\"$L57\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-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\":[\"$\",\"$L58\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=U6iam08F5jiW68OgrPAV\",\"className\":\"text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto\",\"insights\":{\"type\":\"trademark_click\",\"placement\":\"sidebar\"},\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}],[[\"$\",\"hr\",null,{\"className\":\"border-tint-subtle border-t\"}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"footer\",null,{\"className\":\"sm:px-6 md:px-8 max-w-screen-2xl page-full-width:max-w-full px-4 mx-auto flex gap-12 xl:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-no-toc:hidden basis-72 lg:block\"}],[\"$\",\"div\",null,{\"className\":\"py-8 gap-12 flex flex-wrap items-start w-full flex-1 max-w-3xl page-full-width:max-w-none mx-auto\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"order-2 ml-auto flex items-center justify-end xl:hidden\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L59\",null,{}]}]}],null,[\"$\",\"div\",null,{\"className\":\"order-4 mx-auto flex w-full grow flex-col items-center gap-2 text-center text-tint text-xs empty:hidden self-center sm:order-1 sm:w-auto sm:max-w-3xl sm:f"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"lex-1 sm:items-start sm:text-start\",\"children\":null}]]}],[\"$\",\"div\",null,{\"className\":\"hidden page-no-toc:hidden lg:block xl:basis-56\"}]]}]}]],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L5a\",null,{\"revisionId\":\"MSi5ePULo5p8EjdX3qAM\",\"spaceTitle\":\"10.latest (LTS)\",\"withAsk\":true,\"isMultiVariants\":true,\"pointer\":{\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"siteId\":\"site_q2t2X\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_4nRW1\",\"spaceId\":\"U6iam08F5jiW68OgrPAV\",\"revisionId\":\"MSi5ePULo5p8EjdX3qAM\",\"changeRequestId\":\"$undefined\",\"siteShareKey\":\"$undefined\"}}]}]]}],[[\"$\",\"$L5b\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_q2t2X/script.js?version=150.0\",\"nonce\":\"MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi\"}]]],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L5c\",null,{\"privacyPolicy\":\"https://our.umbraco.com/privacy-policy\"}]}],[\"$\",\"script\",null,{\"nonce\":\"MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi\",\"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 });\"}}],\"$L5d\"]}]}]\n67:I[66185,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"ToggleableLinkItem\"]\n24:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/\",\"className\":\"group/headerlogo min-w-0 shrink flex items-center\",\"children\":[\"$L5e\",[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link\",\"children\":\"Umbraco UI Builder\"}]]}]\n28:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv lg:[\u0026\u003e.button+.button]:-ml-2 z-20 flex min-w-9 shrink grow items-center justify-end gap-x-4 lg:gap-x-6\",\"children\":[[\"$L5f\",\"$L60\",\"$L61\",\"$L62\"],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN z-20 items-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"text-tint hover:text-primary dark:hover:text-primary theme-bold:text-header-link theme-bold:hover:text-header-link/8 flex gap-1 items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L26\",null,{\"icon\":\"ellipsis\",\"className\":\"size-4\"}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-label"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"ledby\":\":S3:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L63\",\"$L64\",\"$L65\",\"$L66\"]}]}]}]]}]}]]}]\n2c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/\",\"pathname\":\"\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"2Mc49kExlfUBDReBRTz9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Umbraco UI Builder Documentation\"}]}]\n2d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/known-issues\",\"pathname\":\"known-issues\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ve89etmf2aSEjVFYfbJB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Known Issues\"}]}]\n2e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/release-notes\",\"pathname\":\"release-notes\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"LpTirkayuIClAbrAmCiT\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Release Notes\"}]}]\n2f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/installation/installation\",\"pathname\":\"installation/installation\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"XVHz7offgYKYvZwepjGC\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Installing Umbraco UI Builder\"}]}]\n30:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/installation/licensing-model\",\"pathname\":\"installation/licensing-model\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ic2P3eQB2ARb2PIcSfmv\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Licensing\"}]}]\n31:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/upgrading/upgrade\",\"pathname\":\"upgrading/upgrade\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"VK9D79GO6FSSWdSp8awQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Upgrading Umbraco UI Builder\"}]}]\n32:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/upgrading/version-specific\",\"pathname\":\"upgrading/version-specific\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"IUeel8zesj8Lg78gufjL\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Version Specific Upgrade Notes\"}]}]\n33:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/upgrading/migrating-from-konstrukt-to-umbraco-ui-builder\",\"pathname\":\"upgrading/migrating-from-konstrukt-to-umbraco-ui-builder\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"bq7VyqaxQ0Sm98t0mO2M\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Migrate from Konstrukt to Umbraco UI Builder\"}]}]\n34:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/overview\",\"pathname\":\"getting-started/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"sttOhmsAcbkbCUhbhNHq\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n35:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/configuration\",\"pathname\":\"getting-started/configuration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"AVZbb5YlIzOTjyAF0Uhp\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Configuration\"}]}]\n36:[\"$\",\"li\",null,{\"className\":\"flex fl"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"ex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/user-interface\",\"pathname\":\"getting-started/user-interface\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"AT6PZFiCaAhG9bo4o0Vh\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"User Interface\"}]}]\n37:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/how-to-guides/creating-your-first-integration\",\"pathname\":\"how-to-guides/creating-your-first-integration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"PIoPNQrzOcOECZROBHQ9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Creating your first integration\"}]}]\n38:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/overview\",\"pathname\":\"areas/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Scyut2ktGNRcjj6Pwh4O\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n39:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/sections\",\"pathname\":\"areas/sections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"QXZXotTTNAg7jnokVkLS\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L68\"]}],\"children\":\"Sections\"}]}]\n3a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/trees\",\"pathname\":\"areas/trees\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"4IZM4wOjIUtXqxEBuHCK\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L69\"]}],\"children\":\"Trees\"}]}]\n3b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/dashboards\",\"pathname\":\"areas/dashboards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"2vn7jPr4K6cjlOHunbZR\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Dashboards\"}]}]\n3c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/context-apps\",\"pathname\":\"areas/context-apps\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Kzrivw6ixfOSln18SyoT\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Context Apps\"}]}]\n3d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/overview\",\"pathname\":\"collections/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"OwndjMXtz7zxr5dlKYjt\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n3e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/the-basics\",\"pathname\":\"collections/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hKnzZIyZvoEjthVVXUxh\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"The Basics\"}]}]\n3f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/list-views\",\"pathname\":\"collections/list-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"jSUF6yCOCpE695GIFqyW\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L6a\"]}],\"children\":\"List Views\"}]}]\n40:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/editors\",\"pathname\":\"collections/editors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"QDFtRhoYkNtJ2ycN7VLe\"},\"position\":"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"\"sidebar\"}},\"descendants\":null,\"children\":\"Editors\"}]}]\n41:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/child-collections\",\"pathname\":\"collections/child-collections\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"MsZlSizYbs8Rn9TN20e2\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L6b\"]}],\"children\":\"Child Collections\"}]}]\n42:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/searching/overview\",\"pathname\":\"searching/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"0JzYHLHV0ZAiHeqPOXPl\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n43:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/searching/searchable-properties\",\"pathname\":\"searching/searchable-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"GhzFj9XaQHgic3F1fh34\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Searchable Properties\"}]}]\n44:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/overview\",\"pathname\":\"filtering/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"6anmb6bcGBU2QbSa41d0\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n45:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/global-filters\",\"pathname\":\"filtering/global-filters\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"vqw10NdHZnFQjBd2ZHmO\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Global Filters\"}]}]\n46:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/data-views\",\"pathname\":\"filtering/data-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"lNoCE4AJFh5DIkVXlph8\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L6c\"]}],\"children\":\"Data Views\"}]}]\n47:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/filterable-properties\",\"pathname\":\"filtering/filterable-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"JnMauUQQUZKPaPX10MyY\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Filterable Properties\"}]}]\n48:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/overview\",\"pathname\":\"actions/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"3PryI1HWDnEZj3DENuTD\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n49:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/the-basics\",\"pathname\":\"actions/the-basics\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"NUQhy9EDGHPGMqjxSAth\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"The Basics\"}]}]\n4a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/action-visibility\",\"pathname\":\"actions/action-visibility\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"lr336fS6Uv0iCLx39l4i\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Action Visibility\"}]}]\n4b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/actions/inbuilt-actions\",\"pathname\":\"actions/inbuilt-actions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"rTcChykTAUvZwuLnBPsa\"},\"position\":"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"\"sidebar\"}},\"descendants\":null,\"children\":\"Inbuilt Actions\"}]}]\n4c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/cards/overview\",\"pathname\":\"cards/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"jIq3JPUH3WemdSowzXoe\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n4d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/cards/count-cards\",\"pathname\":\"cards/count-cards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"hyjXluWVjD1Quv9GkWAP\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Count Cards\"}]}]\n4e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/cards/custom-cards\",\"pathname\":\"cards/custom-cards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"dScAubGudD0tZCGb9S2l\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Custom Cards\"}]}]\n4f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/property-editors/overview\",\"pathname\":\"property-editors/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"TQB6yhq7nVMQsbQGVyav\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Overview\"}]}]\n50:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/property-editors/entity-picker\",\"pathname\":\"property-editors/entity-picker\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"E1O7wtIlC8fbqOXnRGgd\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Entity Picker\"}]}]\n51:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/virtual-sub-trees\",\"pathname\":\"advanced/virtual-sub-trees\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Aww6mQGlF4d3hmCxeheC\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Virtual Sub Trees\"}]}]\n52:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/encrypted-properties\",\"pathname\":\"advanced/encrypted-properties\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"cYRLUb0gB1kwcgKLqFX1\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Encrypted Properties\"}]}]\n53:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/value-mappers\",\"pathname\":\"advanced/value-mappers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"aHENy2MpseIU1K6VJDSQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Value Mappers\"}]}]\n54:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/repositories\",\"pathname\":\"advanced/repositories\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"PcA3Wzbt4hx3KthnWN1X\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Repositories\"}]}]\n55:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/advanced/events\",\"pathname\":\"advanced/events\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"LcL3jBOR4V8FkAQHA0G5\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Events\"}]}]\n56:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/miscellaneous/conventions\",\"pathname\":\"miscellaneous/conventions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"MtYCWvVWYmNUrZHlrFOo\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Conventions\"}]}]\n57:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/miscellaneous/umbraco-aliases\",\"pathname\":\"miscellaneous/umbraco-aliases\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"iHXza2vR3C34W2PsTwHh\"}"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,",\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Umbraco Aliases\"}]}]\n5d:null\n5e:[\"$L6d\",\"$L6e\"]\n68:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/sections/summary-dashboards\",\"pathname\":\"areas/sections/summary-dashboards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"uYk2cxOqK4Vhc6WqiC41\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Summary Dashboards\"}]}]\n69:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/areas/trees/folders\",\"pathname\":\"areas/trees/folders\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"mDUFKhG1kArbe9LDQR1M\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Folders\"}]}]\n6a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/list-views/field-views\",\"pathname\":\"collections/list-views/field-views\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"NhWx0HpS20ovLifr4AAi\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Field Views\"}]}]\n6b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/collections/child-collections/child-collection-groups\",\"pathname\":\"collections/child-collections/child-collection-groups\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"dy3zYswfp26OyulRKymX\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Child Collection Groups\"}]}]\n6c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L67\",null,{\"href\":\"/umbraco-ui-builder/10.latest/filtering/data-views/data-views-builders\",\"pathname\":\"filtering/data-views/data-views-builders\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"r8ePUgnls5bO7dIiouP9\"},\"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\":\"Umbraco UI Builder Documentation | Umbraco UI Builder\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (31bcd1a)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Umbraco UI Builder Documentation | Umbraco UI Builder\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/2Mc49kExlfUBDReBRTz9\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Umbraco UI Builder Documentation | Umbraco UI Builder\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://docs.umbraco.com/umbraco-ui-builder/10.latest/~gitbook/ogimage/2Mc49kExlfUBDReBRTz9\"}],[\"$\",\"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\":\"("])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"17\",{\"name\":\"next-size-adjust\"}]]\nd:null\n60:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"PzKn70Piyd2fd5UkYZGf\"},\"position\":\"header\"}},\"children\":[\"Cloud\",null]}]\n6f:{\"kind\":\"space\",\"space\":\"PzKn70Piyd2fd5UkYZGf\"}\n64:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$6f\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Cloud\"}],[]]\n61:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"ad8WDpzCbd6plrNqe51p\"},\"position\":\"header\"}},\"children\":[\"Heartcore\",null]}]\n70:{\"kind\":\"space\",\"space\":\"ad8WDpzCbd6plrNqe51p\"}\n65:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$70\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Heartcore\"}],[]]\n62:[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex min-w-0 shrink\",\"children\":[[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"eCauR3aomRsx2gdckuDO\"},\"position\":\"header\"}},\"id\":\":S4:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"children\":[\"DXP\",[\"$\",\"$L26\",null,{\"icon\":\"chevron-down\",\"className\":\"shrink-0 opacity-6 size-3 ms-1 transition-all group-hover/dropdown:opacity-11 group-focus-within/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S4:\",\"className\":\"w-52 max-h-80 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible shrink\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-tint-base rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-tint-subtle focus:outline-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L71\",\"$L72\",\"$L73\",\"$L74\"]}]}]}]]}]\n75:{\"kind\":\"space\",\"space\":\"eCauR3aomRsx2gdckuDO\"}\n66:[[\"$\",\"hr\",null,{\"className\":\"-mx-2 my-1 border-tint border-t first:hidden\"}],[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$75\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"DXP\"}],[\"$L76\",\"$L77\",\"$L78\",\"$L79\"]]\n7a: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%2Fcol"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"lections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 128w6d:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%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\":\"$7a\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n7b:T5bf,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2 128w6e:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1641680020-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FtS6oNQD7iBM115KitxiF%252Ficon%252FkpC85XLbkdFYMrMEVusH%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D4da6af9e-5371-468c-bf0b-87986002c861\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=31e2f76f\u0026sv=2\",\"srcSet\":\"$7b\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n7d:I[2554,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"289\",\"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\"]\n7e: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\"]\n80:\"$Sreact.fragment\"\n86: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\"]\n87: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\"]\n88: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:h"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"idden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$29\",null,{\"fallback\":null,\"children\":\"$L7c\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden\",\"children\":[null,[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/umbraco/UmbracoDocs/blob/main/10/umbraco-ui-builder/README.md\",\"className\":\"flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2\",\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"github\",\"className\":\"size-4 mr-1.5\"}],\"Edit on GitHub\"]}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/umbraco-ui-builder/10.latest/~gitbook/pdf?page=2Mc49kExlfUBDReBRTz9\u0026only=yes\",\"className\":\"flex flex-row items-center text-sm hover:text-tint-strong links-accent:hover:underline links-accent:hover:underline-offset-4 links-accent:hover:decoration-[3px] links-accent:hover:decoration-primary-subtle py-2\",\"children\":[[\"$\",\"$L26\",null,{\"icon\":\"file-pdf\",\"className\":\"size-4 mr-1.5\"}],\"Export as PDF\"]}]}]]}]]}]],[\"$\",\"div\",null,{\"className\":\"sticky bottom-0 z-10 mt-auto flex flex-col bg-tint-base theme-bold-tint:bg-tint-subtle theme-gradient-tint:bg-gradient-tint theme-gradient:bg-gradient-primary theme-muted:bg-tint-subtle pb-4 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-center justify-end\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L59\",null,{}]}]}],[\"$\",\"$L7d\",null,{\"zoneId\":null,\"placement\":\"aside\",\"spaceId\":\"U6iam08F5jiW68OgrPAV\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"$undefined\"}]]}]]}],[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L7e\",null,{\"asFullWidth\":false}],null,\"$L7f\",[\"$\",\"$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\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"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\":\"using-the-documentation\",\"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)_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 b"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"g-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"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\":\"getting-help\",\"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-"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"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\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Umbraco UI Builder is the Umbraco v10+ backoffice UI builder for custom data structures configured via a fluent API.\"}]]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center\",\"children\":[\"$L81\"]}],[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"If you have a custom data store that you want to content manage from within Umbraco, then you can use Umbraco UI Builder. With some lines of code, you can configure a custom administration UI, and reuse many core components with a consistent look and feel.\"}]]]}],[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"With Umbraco UI Builder, custom backoffice integrations can now take a matter of minutes, rather than days.\"}]]]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"using-the-documentation\",\"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)]\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"using-the-documentation\",\"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\":\"#using-the-documentation\",\"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\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Using the Documentation\"}]]]}]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"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]\",\"c"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"hildren\":[\"$\",\"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\":[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"This documentation is aimed at developers\"}]}],[\"$\",\"$80\",\"1\",{\"children\":\" who have at least a basic understanding of Umbraco, as well as C#/MVC principles.\"}]]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"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\":[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"If you are new to Umbraco UI Builder, it is recommended that you start by taking a look at the \"}]],\"$L82\",[[\"$\",\"$80\",\"0\",{\"children\":\" section. This provides details on the system requirements and how to install Umbraco UI Builder.\"}]]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"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\":[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Once you have Umbraco UI Builder installed and are wondering \\\"What next?\\\" then you'll want to take a look at the \"}]],\"$L83\",[[\"$\",\"$80\",\"0\",{\"children\":\" section. This provides a quick-start example of how to configure Umbraco UI Builder.\"}]]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"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_i"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"nfinite] [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\":[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Use the main menu to dive deeper into Umbraco UI Builder and get to know all of its features in detail. You can then jump to the specific topic you are interested in to find out more.\"}]]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"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\":[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Finally, for all other resources/useful information you can head over to the \"}]],\"$L84\",[[\"$\",\"$80\",\"0\",{\"children\":\" section.\"}]]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"getting-help\",\"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)]\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"getting-help\",\"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\":\"#getting-help\",\"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\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Getting Help\"}]]]}]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"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"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"-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\":[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"If you require assistance you can use our support channels to seek assistance.\"}]]]}]}]]}]}],\"$L85\",[\"$\",\"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\":[[[\"$\",\"$80\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$80\",\"arg-0\",{\"children\":[\"$\",\"$L86\",null,{\"value\":\"2024-01-03T14:28:05.135Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L87\",null,{\"pageId\":\"2Mc49kExlfUBDReBRTz9\"}]]]}],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L88\",null,{\"withSections\":false}]}]]\n89:I[19522,[\"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\"],\"ScrollSectionsList\"]\n7f:[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[false,[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Umbraco UI Builder Documentation\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-tint\",\"children\":\"Documentation for Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}]]}]\n85:[\"$\",\"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\":[null,[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/known-issues\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"ve89etmf2aSEjVFYfbJB\"},\"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\":\"Known Issues\"}]]}],[\"$\",\"$L26\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}]]}]\n7c:[\"$\",\"$L89\",null,{\"sections\":[{\"id\":\"using-the-documentation\",\"title\":\"Using the Documentation\",\"depth\":1},{\"id\":\"getting-help\",\"title\":\"Getting Help\",\"depth\":1}]}]\n82:[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/getting-started/overview\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"sttOhmsAcbkbCUhbhNHq\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Getting Started\"}]]],\"className\":\"underline 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\"}]\n83:[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/how-to-guides/creating-your-first-integration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"PIoPNQrzOcOECZROBHQ9\"},\""])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"position\":\"content\"}},\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Guides\"}]]],\"className\":\"underline 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\"}]\n84:[\"$\",\"$L58\",null,{\"href\":\"/umbraco-ui-builder/10.latest/miscellaneous/conventions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"MtYCWvVWYmNUrZHlrFOo\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Miscellaneous\"}]]],\"className\":\"underline 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\"}]\n5f:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/10.latest/\",\"className\":\"flex items-center shrink min-w-0 contrast-more:underline truncate text-tint links-default:hover:text-primary links-default:tint:hover:text-tint-strong underline-offset-2 links-accent:hover:underline links-accent:underline-offset-4 links-accent:decoration-primary-subtle links-accent:decoration-[3px] links-accent:py-0.5 theme-bold:text-header-link theme-bold:hover:text-header-link\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"mmtM2UdX1OOMSi0CksPv\"},\"position\":\"header\"}},\"children\":[\"CMS\",null]}]\n8a:{\"kind\":\"space\",\"space\":\"mmtM2UdX1OOMSi0CksPv\"}\n63:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8a\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"CMS\"}],[]]\n73:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"afUFxDXrW9fmLSGUukvK\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Workflow\"}]\n8b:{\"kind\":\"space\",\"space\":\"afUFxDXrW9fmLSGUukvK\"}\n78:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8b\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Workflow\"}],null]\n71:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-forms/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"xqIcVR1qNPjjUSWQJhMw\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Forms\"}]\n8c:{\"kind\":\"space\",\"space\":\"xqIcVR1qNPjjUSWQJhMw\"}\n76:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-forms/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8c\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Forms\"}],null]\n74:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"La36UnAXDxIn1Dsdrbaj\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Commerce\"}]\n8d:{\"kind\":\"space\",\"space\":\"La36UnAXDxIn1Dsdrbaj\"}\n79:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8d\""])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Commerce\"}],null]\n72:[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"space\",\"space\":\"vcMLprKexQhtWx8NMjY6\"},\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Deploy\"}]\n8e:{\"kind\":\"space\",\"space\":\"vcMLprKexQhtWx8NMjY6\"}\n77:[false,[\"$\",\"$L58\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/10.latest/\",\"prefetch\":false,\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":\"$8e\",\"position\":\"header\"}},\"className\":\"rounded straight-corners:rounded-sm px-3 py-1 text-sm hover:bg-tint-hover\",\"children\":\"Deploy\"}],null]\n"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"81:[\"$\",\"picture\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden after:block after:absolute after:-inset-[0] after:pointer-events-none w-fit mx-auto\",\"children\":[\"$L8f\",null]}],[\"$\",\"figcaption\",null,{\"className\":\"text-sm text-center mt-2 text-tint\",\"children\":[[[\"$\",\"$80\",\"0\",{\"children\":\"Example Umbraco UI Builder UI\"}]]]}]]}]\n"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"90:HL[\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=629bc507\u0026sv=2\",\"image\",{\"fetchPriority\":\"high\",\"imageSrcSet\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=629bc507\u0026sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=629bc507\u0026sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=629bc507\u0026sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=629bc507\u0026sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=629bc507\u0026sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=629bc507\u0026sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=629bc507\u0026sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=629bc507\u0026sv=2 3072w\",\"imageSizes\":\"(max-width: 640px) 400px, 768px\"}]\n"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"91:I[45343,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-5c9499f0a0ff3f40.js\"],\"ZoomImage\"]\n92:Ta7b,"])</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">self.__next_f.push([1,"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=629bc507\u0026sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=629bc507\u0026sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=629bc507\u0026sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=629bc507\u0026sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=629bc507\u0026sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=629bc507\u0026sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=629bc507\u0026sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=629bc507\u0026sv=2 3072w8f:[\"$\",\"$L91\",null,{\"alt\":\"\",\"style\":{\"maxWidth\":\"100%\",\"width\":\"$undefined\",\"height\":\"auto\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=629bc507\u0026sv=2\",\"srcSet\":\"$92\",\"sizes\":\"(max-width: 640px) 400px, 768px\",\"width\":750,\"height\":487}]\n"])</script><div hidden id="S:1"><picture class="relative"><div class="relative overflow-hidden after:block after:absolute after:-inset-[0] after:pointer-events-none w-fit mx-auto"><template id="P:2"></template></div><figcaption class="text-sm text-center mt-2 text-tint">Example Umbraco UI Builder UI</figcaption></picture></div><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><link rel="preload" as="image" fetchPriority="high" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=629bc507&sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=629bc507&sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=629bc507&sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=629bc507&sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=629bc507&sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=629bc507&sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=629bc507&sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=629bc507&sv=2 3072w" imageSizes="(max-width: 640px) 400px, 768px"/><div hidden id="S:2"><img data-testid="zoom-image" alt="" style="max-width:100%;height:auto" fetchPriority="high" class="block" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=629bc507&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=629bc507&sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=629bc507&sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=629bc507&sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=629bc507&sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=629bc507&sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=629bc507&sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=629bc507&sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-79f51b9b5e47db45481a31366633f3191509293b%252Fcomments_listview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=629bc507&sv=2 3072w" sizes="(max-width: 640px) 400px, 768px" width="750" height="487"/></div><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">$RS("S:2","P:2")</script><script nonce="MjZkYzY0ZDctNzAyYi00OGU1LWEzNGMtNmM3MzdhMDNhZTBi">$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>