CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] straight-corners plain-background"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" fetchPriority="high" imageSrcSet="https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=1&quality=100&sign=e4d685e9&sv=1 128w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=2&quality=100&sign=e4d685e9&sv=1 256w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=3&quality=100&sign=e4d685e9&sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=4&quality=100&sign=e4d685e9&sv=1 512w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=1&quality=100&sign=e4d685e9&sv=1 192w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=2&quality=100&sign=e4d685e9&sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=3&quality=100&sign=e4d685e9&sv=1 576w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=4&quality=100&sign=e4d685e9&sv=1 768w" imageSizes="(max-width: 1024px) 128px, 192px"/><link rel="stylesheet" href="/_next/static/css/2d00a2f28ca4dc5d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/99f50cfb598d2941.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d42d805b938873da.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0673bb6e29c473c8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c311d6484335995a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5a687dea857dc6f5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7235fa9d119901d4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/86d6274f3e6d760c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a91fbeec63857000.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/2d0986519abf0323.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0f891de5863d7182.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5" href="/_next/static/chunks/webpack-21fb00c223e55731.js"/><script src="/_next/static/chunks/1dd3208c-b11c3db6cd7d86b2.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/9978-293e379e3e1468f4.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/main-app-9ebfecd6c4e0cf57.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/app/global-error-19768e91f18f21d9.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/b5d5b83b-3d9186fb60556c53.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/7609-ae1015bd89577747.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/1281-411df876b32e19c2.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/4012-d5519c7c19347ff0.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/app/(site)/layout-512d7fc9258aa558.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/app/(site)/error-aabf7054fe6497a1.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/9505-a8f112b566ef7f41.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/4531-b39a0af8c700f9ea.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/4746-fcf448a964a3d7bb.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/1285-2b0f91300e0c0b9a.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/3902-19c217a299034164.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/df6a8b4fef1d9e1c8205595ee6de69bef398fdd1b429b905217cf7e5de8e6dc2/sites/site_T54O6/script.js?version=149.0" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/6150-57a79db9099e4be8.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/8510-2f41b25832a6d317.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/8843-dcccd4a8528a4d7f.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/9028-bdf215f649fe02e9.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><script src="/_next/static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js" async="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script><link rel="privacy-policy" href="https://policies.gitbook.com/"/><meta name="color-scheme" content="light dark"/><title>Blocks | GitBook Developer Documentation</title><meta name="generator" content="GitBook (fc8065b)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://developer.gitbook.com/integrations/blocks"/><meta property="og:title" content="Blocks | GitBook Developer Documentation"/><meta property="og:image" content="https://developer.gitbook.com/~gitbook/ogimage/6GaLkz6xXkexDLadSsko"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Blocks | GitBook Developer Documentation"/><meta name="twitter:image" content="https://developer.gitbook.com/~gitbook/ogimage/6GaLkz6xXkexDLadSsko"/><link rel="icon" href="https://2688147996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SyQSbIa1iYS7z6Dx5di%2Ficon%2FQ9LYYH4U98doelCe6VDr%2FGitBook%20-%20Icon%20-%20Dark%20(1).png?alt=media&token=f2e89f29-f3c7-4f20-9562-f34c98763f27" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://2688147996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SyQSbIa1iYS7z6Dx5di%2Ficon%2FQ9LYYH4U98doelCe6VDr%2FGitBook%20-%20Icon%20-%20Dark%20(1).png?alt=media&token=f2e89f29-f3c7-4f20-9562-f34c98763f27" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-color-50: 236 243 246; --primary-color-100: 217 231 236; --primary-color-200: 178 208 217; --primary-color-300: 140 184 199; --primary-color-400: 101 161 180; --primary-color-500: 63 137 161; --primary-color-600: 50 110 129; --primary-color-700: 38 82 97; --primary-color-800: 25 55 64; --primary-color-900: 13 27 32; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 0 0 0; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --primary-base-50: 236 243 246; --primary-base-100: 217 231 236; --primary-base-200: 178 208 217; --primary-base-300: 140 184 199; --primary-base-400: 101 161 180; --primary-base-500: 63 137 161; --primary-base-600: 50 110 129; --primary-base-700: 38 82 97; --primary-base-800: 25 55 64; --primary-base-900: 13 27 32; --header-background-50: 232 232 233; --header-background-100: 209 210 210; --header-background-200: 163 164 165; --header-background-300: 116 119 121; --header-background-400: 70 73 76; --header-background-500: 24 28 31; --header-background-600: 19 22 25; --header-background-700: 14 17 19; --header-background-800: 10 11 12; --header-background-900: 5 6 6; --header-link-50: 252 252 252; --header-link-100: 248 250 250; --header-link-200: 242 245 245; --header-link-300: 235 239 239; --header-link-400: 229 234 234; --header-link-500: 222 229 229; --header-link-600: 178 183 183; --header-link-700: 133 137 137; --header-link-800: 89 92 92; --header-link-900: 44 46 46; --header-button-text-50: 230 230 230; --header-button-text-100: 204 204 204; --header-button-text-200: 153 153 153; --header-button-text-300: 102 102 102; --header-button-text-400: 51 51 51; --header-button-text-500: 0 0 0; --header-button-text-600: 0 0 0; --header-button-text-700: 0 0 0; --header-button-text-800: 0 0 0; --header-button-text-900: 0 0 0; } .dark { --primary-color-50: 252 252 252; --primary-color-100: 248 250 250; --primary-color-200: 242 245 245; --primary-color-300: 235 239 239; --primary-color-400: 229 234 234; --primary-color-500: 222 229 229; --primary-color-600: 178 183 183; --primary-color-700: 133 137 137; --primary-color-800: 89 92 92; --primary-color-900: 44 46 46; --primary-base-50: 252 252 252; --primary-base-100: 248 250 250; --primary-base-200: 242 245 245; --primary-base-300: 235 239 239; --primary-base-400: 229 234 234; --primary-base-500: 222 229 229; --primary-base-600: 178 183 183; --primary-base-700: 133 137 137; --primary-base-800: 89 92 92; --primary-base-900: 44 46 46; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 0 0 0; --contrast-primary-600: 0 0 0; --contrast-primary-700: 0 0 0; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --header-background-50: 230 230 230; --header-background-100: 204 204 204; --header-background-200: 153 153 153; --header-background-300: 102 102 102; --header-background-400: 51 51 51; --header-background-500: 0 0 0; --header-background-600: 0 0 0; --header-background-700: 0 0 0; --header-background-800: 0 0 0; --header-background-900: 0 0 0; --header-link-50: 252 252 252; --header-link-100: 248 250 250; --header-link-200: 242 245 245; --header-link-300: 235 239 239; --header-link-400: 229 234 234; --header-link-500: 222 229 229; --header-link-600: 178 183 183; --header-link-700: 133 137 137; --header-link-800: 89 92 92; --header-link-900: 44 46 46; --header-button-text-50: 230 230 230; --header-button-text-100: 204 204 204; --header-button-text-200: 153 153 153; --header-button-text-300: 102 102 102; --header-button-text-400: 51 51 51; --header-button-text-500: 0 0 0; --header-button-text-600: 0 0 0; --header-button-text-700: 0 0 0; --header-button-text-800: 0 0 0; --header-button-text-900: 0 0 0; } </style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5"></script></head><body class="__variable_274faa __variable_a7f53a __variable_e782a9 __className_38d951 __variable_0e9704 bg-light dark:bg-dark"><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">!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 class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-header-background"><div class="scroll-nojump"><div class="gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex flex-row gap-2"><button class="flex flex-row items-center hover:bg-dark/3 py-1 px-2 dark:hover:bg-light/2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden text-header-link" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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 flex-1 flex flex-row items-center shrink-0" href="/"><img alt="Logo" fetchPriority="high" class="block dark:hidden max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left" src="https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=4&quality=100&sign=e4d685e9&sv=1" srcSet="https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=1&quality=100&sign=e4d685e9&sv=1 128w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=2&quality=100&sign=e4d685e9&sv=1 256w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=3&quality=100&sign=e4d685e9&sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=128&dpr=4&quality=100&sign=e4d685e9&sv=1 512w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=1&quality=100&sign=e4d685e9&sv=1 192w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=2&quality=100&sign=e4d685e9&sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=3&quality=100&sign=e4d685e9&sv=1 576w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9&width=192&dpr=4&quality=100&sign=e4d685e9&sv=1 768w" sizes="(max-width: 1024px) 128px, 192px" width="890" height="99"/><img alt="Logo" loading="lazy" fetchPriority="low" class="hidden dark:block max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left" src="https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=192&dpr=4&quality=100&sign=73ea7861&sv=1" srcSet="https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=128&dpr=1&quality=100&sign=73ea7861&sv=1 128w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=128&dpr=2&quality=100&sign=73ea7861&sv=1 256w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=128&dpr=3&quality=100&sign=73ea7861&sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=128&dpr=4&quality=100&sign=73ea7861&sv=1 512w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=192&dpr=1&quality=100&sign=73ea7861&sv=1 192w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=192&dpr=2&quality=100&sign=73ea7861&sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=192&dpr=3&quality=100&sign=73ea7861&sv=1 576w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158&width=192&dpr=4&quality=100&sign=73ea7861&sv=1 768w" sizes="(max-width: 1024px) 128px, 192px" width="712" height="79"/></a></div><div class="z-20"></div><div class="headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20"><div class="group/dropdown relative flex"><a id=":S2:" tabindex="0" aria-expanded="true" aria-haspopup="true" class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://www.gitbook.com/"><span class="truncate">Homepage</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180"></svg></a><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S2:" class="w-52 max-h-56 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"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.gitbook.com/solutions/public-docs">Solutions</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.gitbook.com/about">About</a></div></div></div></div><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://github.com/GitbookIO/community"><span class="truncate">Community</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://www.gitbook.com/pricing"><span class="truncate">Pricing</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://www.gitbook.com/blog"><span class="truncate">Blog</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://docs.gitbook.com/"><span class="truncate">GitBook Docs</span></a><div class="headerLinks_linkEllipsis__Z01IN items-center z-20"><div class="group/dropdown relative flex"><button class="px-1 text-header-link-500 hover:text-header-link-400"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-56 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-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.gitbook.com/">Homepage</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://github.com/GitbookIO/community">Community</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.gitbook.com/pricing">Pricing</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.gitbook.com/blog">Blog</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.gitbook.com/">GitBook Docs</a></div></div></div></div></div></div><div class="flex md:w-56 grow-0 shrink-0 justify-self-end"><button aria-label="Search" class="flex flex-1 flex-row justify-center items-center px-2 gap-3 text-dark/7 min-h-[2.5rem] w-[2.5rem] rounded-lg straight-corners:rounded-none transition-opacity ease-out hover:opacity-8 ring-1 ring-inset contrast-more:text-dark dark:text-light/7 contrast-more:dark:text-light [&>p]:hidden [&>span]:hidden md:justify-start md:[&>p]:flex md:[&>span]:flex md:w-full md:px-3.5 text-base bg-header-link/3 shadow-sm ring-header-link/3 [&_svg]:text-header-link contrast-more:bg-transparent contrast-more:ring-header-link contrast-more:[&>span]:!text-header-link dark:bg-header-link/3 dark:ring-header-link/3 [&>span]:!text-header-link/7 dark:[&_svg]:text-header-link dark:contrast-more:bg-transparent dark:contrast-more:ring-header-link dark:contrast-more:[&>span]:!text-header-link"><div class="text-dark/7 pt-1.5 pb-2 dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 size-4"></svg></div><span class="flex-1">Ask or Search</span><span class="hidden md:inline justify-end text-xs text-dark/5 contrast-more:text-dark dark:text-light/5 contrast-more:dark:text-light [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</span></button></div></div></div></header><div class="scroll-nojump"><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 class="relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]"><div class="pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[&::-webkit-scrollbar]:bg-dark/1 group-hover:[&::-webkit-scrollbar-thumb]:bg-dark/3 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent dark:[&::-webkit-scrollbar]:bg-transparent dark:[&::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[&::-webkit-scrollbar]:bg-light/1 dark:group-hover:[&::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20"><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/hand-wave.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Welcome</span></a></div></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Getting Started</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/setup-guide"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/rectangle-terminal.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Setup Guide</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/concepts"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/map.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Concepts</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/development"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/hammer-brush.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Development</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/publishing"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/box-taped.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Publishing</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/support"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/circle-question.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Support</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/guides"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/book-open.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Guides</span><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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/guides/use-github-actions-to-translate-gitbook-pages">Use GitHub Actions to translate GitBook pages</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/guides/create-a-custom-unfurl-action-for-your-integration">Create a custom unfurl action for your integration</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/guides/guide-directory-sync-using-the-gitbook-api">Guide: Directory Sync using the GitBook API</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/getting-started/guides/how-to-use-openapi-files-with-gitsync">How to use OpenAPI files with GitSync</a></div></li></ul></div></div></li><li class="flex flex-col"><a class="flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2" href="https://github.com/GitbookIO/integrations"><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-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>GitHub Examples<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/arrow-up-right-from-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [&>path]:transition-[opacity] [&>path]:[opacity:0.40] group-hover:[&>path]:[opacity:1]"></svg></a></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">GitBook API</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/overview"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/turtle.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Overview</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/authentication"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/key.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Authentication</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/rate-limiting"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/block-brick-fire.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Rate Limiting</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/errors"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/bug.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Errors</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/pagination"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/list-tree.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Pagination</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/folder-gear.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>API Reference</span><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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/users">Users</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/organizations">Organizations<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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/organizations/members">Members</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/organizations/teams">Teams</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/collections">Collections</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/spaces">Spaces<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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/spaces/publishing">Publishing</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/spaces/change-requests">Change Requests</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/spaces/content">Content</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/spaces/insights">Insights</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/spaces/revisions">Revisions</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/search">Search</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/integrations">Integrations</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/reference/urls">URLs</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/librairies"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/cube.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Libraries</span><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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/gitbook-api/librairies/browser-node"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/node.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Node.js</span></a></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Integrations</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/integrations"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/vector-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Overview</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/configurations"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/gear-complex-code.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Configurations</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/folder-gear.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Reference</span><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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/createintegration">createIntegration</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/createcomponent">createComponent</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/createoauthhandler">createOAuthHandler</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/environment">Environment</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/fetch">Fetch</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/action">Action</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/render">Render</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/reference/event">Event</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/apis"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/node-js.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Web APIs</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/receiving-requests"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/server.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Receiving Requests</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/contentkit"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/chimney.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>ContentKit</span><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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/contentkit/reference">Reference<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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/contentkit/reference/reference">Components</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/contentkit/reference/actions">Actions</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/contentkit/interactivity">Interactivity</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/contentkit/internal-design">Internal design</a></div></li><li class="flex flex-col"><a class="flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2" href="https://app.gitbook.com/dev/contentkit/">ContentKit Playground<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/arrow-up-right-from-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [&>path]:transition-[opacity] [&>path]:[opacity:0.40] group-hover:[&>path]:[opacity:1]"></svg></a></li></ul></div></div></li><li class="flex flex-col"><div><a aria-current="page" class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-primary-500 font-semibold text-primary hover:bg-primary/3 dark:before:border-primary-400 dark:text-primary-400 hover:before:border-primary dark:hover:bg-primary-500/3 dark:hover:before:border-primary" href="/integrations/blocks"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/block.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Blocks</span><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:text-current dark:hover:text-current hover:bg-primary/4 dark:hover:bg-primary/4"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/blocks/link-unfurling">Link unfurling</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/blocks/editable-blocks">Editable blocks</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/integrations/blocks/markdown">Working with Markdown</a></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Visitor Authentication</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><a class="flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2" href="https://docs.gitbook.com/advanced-guides/advanced-sharing-and-security/visitor-authentication"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/lock-keyhole.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Visitor Authentication<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/arrow-up-right-from-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [&>path]:transition-[opacity] [&>path]:[opacity:0.40] group-hover:[&>path]:[opacity:1]"></svg></a></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/book-open.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Guides</span><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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/integrations">Integrations<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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/integrations/how-to-use-auth0-integration-for-visitor-authentication">How to use Auth0 Integration for Visitor Authentication</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/integrations/how-to-use-azure-ad-integration-for-visitor-authentication">How to use Azure AD Integration for Visitor Authentication</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/integrations/how-to-use-okta-integration-for-visitor-authentication">How to use Okta Integration for Visitor Authentication</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/integrations/how-to-use-the-oidc-integration-for-visitor-authentication">How to use the OIDC Integration for Visitor Authentication</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/integrations/how-to-use-the-aws-cognito-integration-for-visitor-authentication">How to use the AWS Cognito Integration for Visitor Authentication</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/custom-backend">Custom Backend<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-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node">Implement Visitor Authentication using Node</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-next.js-and-clerk">Implement Visitor Authentication using Next.js and Clerk</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-auth0">Implement Visitor Authentication using Node and Auth0</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-okta">Implement Visitor Authentication using Node and Okta</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-azure-ad">Implement Visitor Authentication using Node and Azure AD</a></div></li></ul></div></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">CLI</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cli/quickstart"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/rectangle-terminal.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Quickstart</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cli/reference"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/folder-gear.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Reference</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cli/ci"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/code-commit.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Continuous Integration</span></a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Marketplace</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/marketplace/overview"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/store.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Overview</span></a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/marketplace/submit-your-app-for-review"><span class="flex gap-3 items-center"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/clipboard-question.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400"></svg>Submit your app for review</span></a></div></li></ul></li></ul><div class="relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5"><div class="text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark"><a target="_blank" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=2SyQSbIa1iYS7z6Dx5di" class="font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2"><svg style="mask-image:url(/~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 flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md 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-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16"><div class="hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page</div><div class="overflow-auto flex-1 flex flex-col gap-4 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><ul class="border-l border-dark/2 dark:border-light/1 pl-1"><li class="flex flex-row relative h-fit"><a href="#define-a-custom-block" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Define a custom block</a></li><li class="flex flex-row relative h-fit"><a href="#execution-flow-for-a-block" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Execution flow for a block</a></li><li class="flex flex-row relative h-fit"><a href="#render-a-basic-block" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Render a basic block</a></li></ul><div class="flex flex-col gap-3 page-api-block:xl:max-2xl:px-3"><div class="flex flex-col items-start gap-2 mt-2"><p class="text-sm text-dark/6 dark:text-light/5">Was this helpful?</p><div class="inline-flex items-center justify-center flex-row rounded-full straight-corners:rounded-sm ring-1 ring-inset ring-dark/2 h-8 dark:ring-light/1"><div class="inline-flex [&>*:last-child]:rounded-r-full [&>*:first-child]:rounded-l-full straight-corners:[&>*:last-child]:rounded-none straight-corners:[&>*:first-child]:rounded-none"><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div><div><a href="/~gitbook/pdf?page=6GaLkz6xXkexDLadSsko&only=yes" class="flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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="mt-4" data-visual-test="removed"></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"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/block.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1em] text-dark/6 dark:text-light/6"></svg>Blocks</h1></header><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Integrations can create custom blocks for documents. Blocks are small unit of content in a page document (like a paragraph, table, embed, etc.).</p><h2 id="define-a-custom-block" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="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="#define-a-custom-block" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Define a custom block</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Custom blocks are defined in the integration's manifest file:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="ebb1432f096a493087327db6102d11c4" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">blocks</span><span style="color:var(--shiki-token-keyword)">:</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> - </span><span style="color:var(--shiki-token-keyword)">id</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">helloworld</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">title</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">Hello World</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">All blocks defined in an installed integrations will be listed in the insertion palette for all editors of the space.</p><h2 id="execution-flow-for-a-block" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="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="#execution-flow-for-a-block" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Execution flow for a block</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Rendering of custom blocks is controlled in the integration's code and executed in the GitBook backend.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="da63380d4d854981909d9e2c65c3ffc7" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">sequenceDiagram</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> actor User</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> User ->>+ GitBook: Insert block in the editor</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> loop Every interaction with the block</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> GitBook ->>+ Integration: Execute rendering of the block with current props & state</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> Integration ->>- GitBook: Return ContentKit output for the block</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> GitBook ->>- User: Render UI in the editor</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> User -->+ GitBook: Interact with the block, updating the state or props</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> end</span></span></span></code></pre></div><h2 id="render-a-basic-block" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="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="#render-a-basic-block" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Render a basic block</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Block are being rendered in the <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="/integrations/contentkit">ContentKit format</a>.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="4e98e902fa414e01b732832f299a13eb" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">import</span><span style="color:var(--shiki-foreground)"> { createComponent</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> createIntegration } </span><span style="color:var(--shiki-token-keyword)">from</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">'@gitbook/runtime'</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">const</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">helloWorld</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">createComponent</span><span style="color:var(--shiki-foreground)">({</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> componentId</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">'helloworld'</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">async</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">render</span><span style="color:var(--shiki-foreground)">() {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">return</span><span style="color:var(--shiki-foreground)"> (</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> <</span><span style="color:var(--shiki-token-function)">block</span><span style="color:var(--shiki-foreground)">></span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> <</span><span style="color:var(--shiki-token-function)">box</span><span style="color:var(--shiki-foreground)">></span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> <</span><span style="color:var(--shiki-token-function)">text</span><span style="color:var(--shiki-foreground)">>Hello world</span><span style="color:var(--shiki-token-keyword)"></</span><span style="color:var(--shiki-foreground)">text</span><span style="color:var(--shiki-token-keyword)">></span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)"></</span><span style="color:var(--shiki-foreground)">box</span><span style="color:var(--shiki-token-keyword)">></span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)"></</span><span style="color:var(--shiki-foreground)">block</span><span style="color:var(--shiki-token-keyword)">></span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> );</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">});</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">export</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">default</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">createIntegration</span><span style="color:var(--shiki-foreground)">({</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> components</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-foreground)"> [helloWorld]</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">});</span></span></span></code></pre></div></div><div class="flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0"><p class="flex-1 text-sm text-dark/6 dark:text-light/5">Last updated <time data-visual-test="transparent" dateTime="2022-09-27T16:25:32.000Z" title="9/27/2022, 4:25:32 PM">2 years ago</time></p></div></main></div></div></div></div><div class="border-t border-dark/2 bg-light-2 dark:border-light/2 dark:bg-dark-2"><div class="scroll-nojump"><div class="flex flex-col md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full py-6 gap-6 md:flex-row md:gap-10 px-0 sm:px-0"> <div class="flex-1 flex flex-col gap-6 px-4 sm:px-6 md:px-0"></div><div class="flex flex-col items-start order-[-1] px-4 sm:px-6 md:px-0 md:order-1"><div role="radiogroup" class="flex flex-row rounded-full straight-corners:rounded-sm border border-dark/3 dark:border-light/2"><button type="button" role="radio" aria-label="Switch to light theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/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" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/light/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div></div></div></div><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5" 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 dark:bg-gray-800 dark:text-red-400 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="/_next/static/chunks/webpack-21fb00c223e55731.js" nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5" async=""></script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"1:HC[\"/\",\"\"]\n2:HL[\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"style\"]\n3:HL[\"/_next/static/css/99f50cfb598d2941.css\",\"style\"]\n4:HL[\"/_next/static/css/d42d805b938873da.css\",\"style\"]\n5:HL[\"/_next/static/css/0673bb6e29c473c8.css\",\"style\"]\n6:HL[\"/_next/static/css/c311d6484335995a.css\",\"style\"]\n7:HL[\"/_next/static/css/5a687dea857dc6f5.css\",\"style\"]\n8:HL[\"/_next/static/css/7235fa9d119901d4.css\",\"style\"]\n9:HL[\"/_next/static/css/86d6274f3e6d760c.css\",\"style\"]\na:HL[\"/_next/static/css/a91fbeec63857000.css\",\"style\"]\nb:HL[\"/_next/static/css/2d0986519abf0323.css\",\"style\"]\nc:HL[\"/_next/static/css/0f891de5863d7182.css\",\"style\"]\nd:I[11815,[],\"default\"]\n10:I[55092,[],\"default\"]\n12:I[82023,[],\"default\"]\n17:I[44622,[\"6470\",\"static/chunks/app/global-error-19768e91f18f21d9.js\"],\"default\"]\n11:[\"pathname\",\"integrations/blocks\",\"oc\"]\n18:[]\n0:[\"$\",\"$Ld\",null,{\"buildId\":\"6YnOxlQa6DuDEkBdh389I\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"integrations\",\"blocks\"],\"initialTree\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"integrations/blocks\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"integrations\\\",\\\"blocks\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"integrations/blocks\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7235fa9d119901d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/86d6274f3e6d760c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a91fbeec63857000.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d0986519abf0323.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0f891de5863d7182.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$11\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L13\",\"notFoundStyles\":[]}]],[[\"$\",\"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-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-tran"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"sparent 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)] dark:from-light-4/6\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a687dea857dc6f5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/99f50cfb598d2941.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d42d805b938873da.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0673bb6e29c473c8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c311d6484335995a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L15\"],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",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)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L16\"],\"globalErrorComponent\":\"$17\",\"missingSlots\":\"$W18\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}]}]\n1a:I[5145,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"IconsProvider\"]\n1b:I[75489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"ClientContexts\"]\n1c:I[51169,[\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"3638\",\"static/chunks/app/(site)/error-aabf7054fe6497a1.js\"],\"default\"]\n19:T1134,\n :root {\n --primary-color-50: 236 243 246;\n--primary-color-100: 217 231 236;\n--primary-color-200: 178 208 217;\n--primary-color-300: 140 184 199;\n--primary-color-400: 101 161 180;\n--primary-color-500: 63 137 161;\n--primary-color-600: 50 110 129;\n--primary-color-700: 38 82 97;\n--primary-color-800: 25 55 64;\n--primary-color-900: 13 27 32;\n --contrast-primary-50: 0 0 0;\n--con"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"trast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 0 0 0;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n\n --primary-base-50: 236 243 246;\n--primary-base-100: 217 231 236;\n--primary-base-200: 178 208 217;\n--primary-base-300: 140 184 199;\n--primary-base-400: 101 161 180;\n--primary-base-500: 63 137 161;\n--primary-base-600: 50 110 129;\n--primary-base-700: 38 82 97;\n--primary-base-800: 25 55 64;\n--primary-base-900: 13 27 32;\n --header-background-50: 232 232 233;\n--header-background-100: 209 210 210;\n--header-background-200: 163 164 165;\n--header-background-300: 116 119 121;\n--header-background-400: 70 73 76;\n--header-background-500: 24 28 31;\n--header-background-600: 19 22 25;\n--header-background-700: 14 17 19;\n--header-background-800: 10 11 12;\n--header-background-900: 5 6 6;\n --header-link-50: 252 252 252;\n--header-link-100: 248 250 250;\n--header-link-200: 242 245 245;\n--header-link-300: 235 239 239;\n--header-link-400: 229 234 234;\n--header-link-500: 222 229 229;\n--header-link-600: 178 183 183;\n--header-link-700: 133 137 137;\n--header-link-800: 89 92 92;\n--header-link-900: 44 46 46;\n --header-button-text-50: 230 230 230;\n--header-button-text-100: 204 204 204;\n--header-button-text-200: 153 153 153;\n--header-button-text-300: 102 102 102;\n--header-button-text-400: 51 51 51;\n--header-button-text-500: 0 0 0;\n--header-button-text-600: 0 0 0;\n--header-button-text-700: 0 0 0;\n--header-button-text-800: 0 0 0;\n--header-button-text-900: 0 0 0;\n }\n .dark {\n --primary-color-50: 252 252 252;\n--primary-color-100: 248 250 250;\n--primary-color-200: 242 245 245;\n--primary-color-300: 235 239 239;\n--primary-color-400: 229 234 234;\n--primary-color-500: 222 229 229;\n--primary-color-600: 178 183 183;\n--primary-color-700: 133 137 137;\n--primary-color-800: 89 92 92;\n--primary-color-900: 44 46 46;\n --primary-base-50: 252 252 252;\n--primary-base-100: 248 250 250;\n--primary-base-200: 242 245 245;\n--primary-base-300: 235 239 239;\n--primary-base-400: 229 234 234;\n--primary-base-500: 222 229 229;\n--primary-base-600: 178 183 183;\n--primary-base-700: 133 137 137;\n--primary-base-800: 89 92 92;\n--primary-base-900: 44 46 46;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 0 0 0;\n--contrast-primary-600: 0 0 0;\n--contrast-primary-700: 0 0 0;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n --header-background-50: 230 230 230;\n--header-background-100: 204 204 204;\n--header-background-200: 153 153 153;\n--header-background-300: 102 102 102;\n--header-background-400: 51 51 51;\n--header-background-500: 0 0 0;\n--header-background-600: 0 0 0;\n--header-background-700: 0 0 0;\n--header-background-800: 0 0 0;\n--header-background-900: 0 0 0;\n --header-link-50: 252 252 252;\n--header-link-100: 248 250 250;\n--header-link-200: 242 245 245;\n--header-link-300: 235 239 239;\n--header-link-400: 229 234 234;\n--header-link-500: 222 229 229;\n--header-link-600: 178 183 183;\n--header-link-700: 133 137 137;\n--header-link-800: 89 92 92;\n--header-link-900: 44 46 46;\n --header-button-text-50: 230 230 230;\n--header-button-text-100: 204 204 204;\n--header-button-text-200: 153 153 153;\n--header-button-text-300: 102 102 102;\n--header-button-text-400: 51 51 51;\n--header-button-text-500: 0 0 0;\n--header-button-text-600: 0 0 0;\n--header-button-text-700: 0 0 0;\n--header-button-text-800: 0 0 0;\n--header-button-text-900: 0 0 0;\n }\n 1d:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n1e:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n1f:{\"display\":\"inline-block\"}\n20:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n15:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] straight-corners plain-background\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"privacy-policy\",\"href\":\"https://policies.gitbook.com/\"}],[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$19\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_274faa __variable_a7f53a __variable_e782a9 __className_38d951 __variable_0e9704 bg-light dark:bg-dark\",\"children\":[\"$\",\"$L1a\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"/~gitbook/static/icons\"}},\"iconStyle\":\"light\",\"children\":[\"$\",\"$L1b\",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_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!\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\"],\"error\":\"$1c\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$1d\",\"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)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$1e\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$1f\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$20"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]]}]\n21:HC\"https://api.gitbook.com\"\n22:HL[\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/df6a8b4fef1d9e1c8205595ee6de69bef398fdd1b429b905217cf7e5de8e6dc2/sites/site_T54O6/script.js?version=149.0\",\"script\",{\"nonce\":\"OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5\"}]\n23:I[17760,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ClientContexts\"]\n24:I[72020,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"HeaderMobileMenu\"]\n25:I[22833,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Link\"]\n29:\"$Sreact.suspense\"\n2a:I[86604,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SearchButton\"]\n2b:I[19656,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"TOCScrollContainer\"]\n2c:I[66185,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ToggleableLinkItem\"]\n2d:I[22563,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Icon\"]\n31:I[42663,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ThemeToggler\"]\n32:I[59814,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f1"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"12b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SearchModal\"]\n33:I[49780,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"LoadIntegrations\"]\n34:I[35489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"CookiesToast\"]\n14:[\"$\",\"$L23\",null,{\"nonce\":\"OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5\",\"forcedTheme\":\"$undefined\",\"children\":[[[\"$\",\"header\",null,{\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-header-background\",\"children\":[[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full 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 flex-row gap-2\",\"children\":[[\"$\",\"$L24\",null,{\"className\":\"lg:hidden text-header-link\"}],[\"$\",\"$L25\",null,{\"href\":\"/\",\"className\":\"group/headerlogo flex-1 flex flex-row items-center shrink-0\",\"children\":[\"$L26\",\"$L27\"]}]]}],[\"$\",\"div\",null,{\"className\":\"z-20\",\"children\":null}],\"$L28\",[\"$\",\"div\",null,{\"className\":\"flex md:w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2a\",null,{\"style\":[\"bg-header-link/3\",\"shadow-sm\",\"ring-header-link/3\",\"[\u0026\u003espan]:!text-header-link/7\",\"[\u0026_svg]:text-header-link\",\"contrast-more:bg-transparent\",\"contrast-more:ring-header-link\",\"contrast-more:[\u0026\u003espan]:!text-header-link\",\"dark:bg-header-link/3\",\"dark:ring-header-link/3\",\"[\u0026\u003espan]:!text-header-link/7\",\"dark:[\u0026_svg]:text-header-link\",\"dark:contrast-more:bg-transparent\",\"dark:contrast-more:ring-header-link\",\"dark:contrast-more:[\u0026\u003espan]:!text-header-link\"],\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":\"Ask or Search\"}]}]}]}]]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"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,{\"className\":\"relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]\",\"children\":[null,[\"$\",\"$L2b\",null,{\"className\":\"pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[\u0026::-webkit-scrollbar]:bg-dark/1 group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-dark/3 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:[\u0026::-webkit-scrollbar]:bg-transparent dark:[\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[\u0026::-webkit-scrollbar]:bg-light/1 dark:group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20\",\"children\":[null,[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex "])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/\",\"pathname\":\"\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"hand-wave\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Welcome\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Getting Started\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/setup-guide\",\"pathname\":\"getting-started/setup-guide\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"rectangle-terminal\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Setup Guide\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/concepts\",\"pathname\":\"getting-started/concepts\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"map\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Concepts\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/development\",\"pathname\":\"getting-started/development\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"hammer-brush\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Development\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/publishing\",\"pathname\":\"getting-started/publishing\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"box-taped\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Publishing\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/support\",\"pathname\":\"getting-started/support\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"circle-question\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Support\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/guides\",\"pathname\":\"getting-started/guides\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/guides/use-github-actions-to-translate-gitbook-pages\",\"pathname\":\"getting-started/guides/use-github-actions-to-translate-gitbook-pages\",\"descendants\":null,\"children\":\"Use GitHub Actions to translate GitBook pages\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/guides/create-a-custom-unfurl-action-for-your-integration\",\"pathname\":\"getting-started/guides/create-a-custom-unfurl-action-for-your-integration\",\"descendants\":null,\"children\":\"Create a custom unfurl action for your integration\"}]}],[\"$\",\"l"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"i\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/guides/guide-directory-sync-using-the-gitbook-api\",\"pathname\":\"getting-started/guides/guide-directory-sync-using-the-gitbook-api\",\"descendants\":null,\"children\":\"Guide: Directory Sync using the GitBook API\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/getting-started/guides/how-to-use-openapi-files-with-gitsync\",\"pathname\":\"getting-started/guides/how-to-use-openapi-files-with-gitsync\",\"descendants\":null,\"children\":\"How to use OpenAPI files with GitSync\"}]}]]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"book-open\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Guides\"]}]}]}],\"$L2e\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"GitBook API\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/overview\",\"pathname\":\"gitbook-api/overview\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"turtle\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Overview\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/authentication\",\"pathname\":\"gitbook-api/authentication\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"key\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Authentication\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/rate-limiting\",\"pathname\":\"gitbook-api/rate-limiting\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"block-brick-fire\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Rate Limiting\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/errors\",\"pathname\":\"gitbook-api/errors\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"bug\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Errors\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/pagination\",\"pathname\":\"gitbook-api/pagination\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"list-tree\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Pagination\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference\",\"pathname\":\"gitbook-api/reference\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/users\",\"pathname\":\"gitbook-api/reference/users\",\"descendants\":null,\"children\":\""])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"Users\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/organizations\",\"pathname\":\"gitbook-api/reference/organizations\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/organizations/members\",\"pathname\":\"gitbook-api/reference/organizations/members\",\"descendants\":null,\"children\":\"Members\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/organizations/teams\",\"pathname\":\"gitbook-api/reference/organizations/teams\",\"descendants\":null,\"children\":\"Teams\"}]}]]}],\"children\":\"Organizations\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/collections\",\"pathname\":\"gitbook-api/reference/collections\",\"descendants\":null,\"children\":\"Collections\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/spaces\",\"pathname\":\"gitbook-api/reference/spaces\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/spaces/publishing\",\"pathname\":\"gitbook-api/reference/spaces/publishing\",\"descendants\":null,\"children\":\"Publishing\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/spaces/change-requests\",\"pathname\":\"gitbook-api/reference/spaces/change-requests\",\"descendants\":null,\"children\":\"Change Requests\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/spaces/content\",\"pathname\":\"gitbook-api/reference/spaces/content\",\"descendants\":null,\"children\":\"Content\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/spaces/insights\",\"pathname\":\"gitbook-api/reference/spaces/insights\",\"descendants\":null,\"children\":\"Insights\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/spaces/revisions\",\"pathname\":\"gitbook-api/reference/spaces/revisions\",\"descendants\":null,\"children\":\"Revisions\"}]}]]}],\"children\":\"Spaces\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/search\",\"pathname\":\"gitbook-api/reference/search\",\"descendants\":null,\"children\":\"Search\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/integrations\",\"pathname\":\"gitbook-api/reference/integrations\",\"descendants\":null,\"children\":\"Integrations\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/reference/urls\",\"pathname\":\"gitbook-api/reference/urls\",\"descendants\":null,\"children\":\"URLs\"}]}]]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"folder-gear\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"API Reference\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/librairies\",\"pathname\":\"gitbook-api/librairies\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/gitbook-api/librairies/browser-node\",\"pathname\":\"gitbook-api/librairies/browser-node\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"node\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-prim"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"ary-400\"}],\"Node.js\"]}]}]}]]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"cube\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Libraries\"]}]}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Integrations\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/integrations\",\"pathname\":\"integrations/integrations\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"vector-square\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Overview\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/configurations\",\"pathname\":\"integrations/configurations\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"gear-complex-code\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Configurations\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference\",\"pathname\":\"integrations/reference\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/createintegration\",\"pathname\":\"integrations/reference/createintegration\",\"descendants\":null,\"children\":\"createIntegration\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/createcomponent\",\"pathname\":\"integrations/reference/createcomponent\",\"descendants\":null,\"children\":\"createComponent\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/createoauthhandler\",\"pathname\":\"integrations/reference/createoauthhandler\",\"descendants\":null,\"children\":\"createOAuthHandler\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/environment\",\"pathname\":\"integrations/reference/environment\",\"descendants\":null,\"children\":\"Environment\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/fetch\",\"pathname\":\"integrations/reference/fetch\",\"descendants\":null,\"children\":\"Fetch\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/action\",\"pathname\":\"integrations/reference/action\",\"descendants\":null,\"children\":\"Action\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/render\",\"pathname\":\"integrations/reference/render\",\"descendants\":null,\"children\":\"Render\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/reference/event\",\"pathname\":\"integrations/reference/event\",\"descendants\":null,\"children\":\"Event\"}]}]]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"folder-gear\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Reference\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/apis\",\"pat"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"hname\":\"integrations/apis\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"node-js\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Web APIs\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/receiving-requests\",\"pathname\":\"integrations/receiving-requests\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"server\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Receiving Requests\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/contentkit\",\"pathname\":\"integrations/contentkit\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/contentkit/reference\",\"pathname\":\"integrations/contentkit/reference\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/contentkit/reference/reference\",\"pathname\":\"integrations/contentkit/reference/reference\",\"descendants\":null,\"children\":\"Components\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/contentkit/reference/actions\",\"pathname\":\"integrations/contentkit/reference/actions\",\"descendants\":null,\"children\":\"Actions\"}]}]]}],\"children\":\"Reference\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/contentkit/interactivity\",\"pathname\":\"integrations/contentkit/interactivity\",\"descendants\":null,\"children\":\"Interactivity\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/contentkit/internal-design\",\"pathname\":\"integrations/contentkit/internal-design\",\"descendants\":null,\"children\":\"Internal design\"}]}],\"$L2f\"]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"chimney\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"ContentKit\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/blocks\",\"pathname\":\"integrations/blocks\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/blocks/link-unfurling\",\"pathname\":\"integrations/blocks/link-unfurling\",\"descendants\":null,\"children\":\"Link unfurling\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/blocks/editable-blocks\",\"pathname\":\"integrations/blocks/editable-blocks\",\"descendants\":null,\"children\":\"Editable blocks\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/integrations/blocks/markdown\",\"pathname\":\"integrations/blocks/markdown\",\"descendants\":null,\"children\":\"Working with Markdown\"}]}]]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"block\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Blocks\"]}]}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Visitor Authentication\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[\"$L30\",[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides\",\"pathname\":\"visitor-authentication/guides\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/integrations\",\"pathname\":\"visitor-authentication/guides/integrations\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/integrations/how-to-use-auth0-integration-for-visitor-authentication\",\"pathname\":\"visitor-authentication/guides/integrations/how-to-use-auth0-integration-for-visitor-authentication\",\"descendants\":null,\"children\":\"How to use Auth0 Integration for Visitor Authentication\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/integrations/how-to-use-azure-ad-integration-for-visitor-authentication\",\"pathname\":\"visitor-authentication/guides/integrations/how-to-use-azure-ad-integration-for-visitor-authentication\",\"descendants\":null,\"children\":\"How to use Azure AD Integration for Visitor Authentication\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/integrations/how-to-use-okta-integration-for-visitor-authentication\",\"pathname\":\"visitor-authentication/guides/integrations/how-to-use-okta-integration-for-visitor-authentication\",\"descendants\":null,\"children\":\"How to use Okta Integration for Visitor Authentication\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/integrations/how-to-use-the-oidc-integration-for-visitor-authentication\",\"pathname\":\"visitor-authentication/guides/integrations/how-to-use-the-oidc-integration-for-visitor-authentication\",\"descendants\":null,\"children\":\"How to use the OIDC Integration for Visitor Authentication\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/integrations/how-to-use-the-aws-cognito-integration-for-visitor-authentication\",\"pathname\":\"visitor-authentication/guides/integrations/how-to-use-the-aws-cognito-integration-for-visitor-authentication\",\"descendants\":null,\"children\":\"How to use the AWS Cognito Integration for Visitor Authentication\"}]}]]}],\"children\":\"Integrations\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/custom-backend\",\"pathname\":\"visitor-authentication/guides/custom-backend\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node\",\"pathname\":\"visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node\",\"descendants\":null,\"children\":\"Implement Visitor Authentication using Node\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-next.js-and-clerk\",\"pathname\":\"visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-next.js-and-clerk\",\"descendants\":null,\"children\":\"Implement Visitor Authentication using Next.js and Clerk\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-no"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"de-and-auth0\",\"pathname\":\"visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-auth0\",\"descendants\":null,\"children\":\"Implement Visitor Authentication using Node and Auth0\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-okta\",\"pathname\":\"visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-okta\",\"descendants\":null,\"children\":\"Implement Visitor Authentication using Node and Okta\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-azure-ad\",\"pathname\":\"visitor-authentication/guides/custom-backend/implement-visitor-authentication-using-node-and-azure-ad\",\"descendants\":null,\"children\":\"Implement Visitor Authentication using Node and Azure AD\"}]}]]}],\"children\":\"Custom Backend\"}]}]]}],\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"book-open\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Guides\"]}]}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"CLI\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/cli/quickstart\",\"pathname\":\"cli/quickstart\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"rectangle-terminal\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Quickstart\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/cli/reference\",\"pathname\":\"cli/reference\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"folder-gear\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Reference\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/cli/ci\",\"pathname\":\"cli/ci\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"code-commit\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Continuous Integration\"]}]}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Marketplace\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/marketplace/overview\",\"pathname\":\"marketplace/overview\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"store\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Overview\"]}]}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2c\",null,{\"href\":\"/marketplace/submit-your-app-for-review\",\"pathname\":\""])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"marketplace/submit-your-app-for-review\",\"descendants\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex gap-3 items-center\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"clipboard-question\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Submit your app for review\"]}]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark\",\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=2SyQSbIa1iYS7z6Dx5di\",\"className\":\"font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"border-t border-dark/2 bg-light-2 dark:border-light/2 dark:bg-dark-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full py-6 gap-6 md:flex-row md:gap-10 px-0 sm:px-0\",\"children\":[\" \",null,[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col gap-6 px-4 sm:px-6 md:px-0\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start order-[-1] px-4 sm:px-6 md:px-0 md:order-1\",\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L31\",null,{}]}]}]]}]}]}],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L32\",null,{\"spaceId\":\"2SyQSbIa1iYS7z6Dx5di\",\"revisionId\":\"80XQnGe3FPG0OdTTLgon\",\"spaceTitle\":\"GitBook Developer Docs\",\"withAsk\":true,\"isMultiVariants\":false,\"pointer\":{\"siteId\":\"site_T54O6\",\"spaceId\":\"2SyQSbIa1iYS7z6Dx5di\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_uBsc4\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"d8f63b60-89ae-11e7-8574-5927d48c4877\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]],[[\"$\",\"$L33\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/df6a8b4fef1d9e1c8205595ee6de69bef398fdd1b429b905217cf7e5de8e6dc2/sites/site_T54O6/script.js?version=149.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/df6a8b4fef1d9e1c8205595ee6de69bef398fdd1b429b905217cf7e5de8e6dc2/sites/site_T54O6/script.js?version=149.0\",\"nonce\":\"OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5\"}]]],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L34\",null,{\"privacyPolicy\":\"https://policies.gitbook.com/\"}]}],[\"$\",\"script\",null,{\"nonce\":\"OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5\",\"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 dark:bg-gray-800 dark:text-re"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"d-400 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 });\"}}],null]}]\n28:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20\",\"children\":[[\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\"],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN items-center z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"button\",null,{\"className\":\"px-1 text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L2d\",null,{\"icon\":\"ellipsis\",\"className\":\"opacity-6 size-3 ms-1\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S1:\",\"className\":\"w-52 max-h-56 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-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\"]}]}]}]]}]}]]}]\n2e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L25\",null,{\"href\":\"https://github.com/GitbookIO/integrations\",\"className\":\"flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"github\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"GitHub Examples\",[\"$\",\"$L2d\",null,{\"icon\":\"arrow-up-right-from-square\",\"className\":\"size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [\u0026\u003epath]:transition-[opacity] [\u0026\u003epath]:[opacity:0.40] group-hover:[\u0026\u003epath]:[opacity:1]\"}]]}]}]\n2f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L25\",null,{\"href\":\"https://app.gitbook.com/dev/contentkit/\",\"className\":\"flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2\",\"children\":[\"$undefined\",\"ContentKit Playground\",[\"$\",\"$L2d\",null,{\"icon\":\"arrow-up-right-from-square\",\"className\":\"size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [\u0026\u003epath]:transition-[opacity] [\u0026\u003epath]:[opacity:0.40] group-hover:[\u0026\u003epath]:[opacity:1]\"}]]}]}]\n30:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L25\",null,{\"href\":\"https://docs.gitbook.com/advanced-guides/advanced-sharing-and-security/visitor-authentication\",\"className\":\"flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"lock-keyhole\",\"className\":\"size-[1em] text-base text-dark/6 dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400\"}],\"Visitor Authentication\",[\"$\",\"$L2d\",null,{\"icon\":\"arrow-up-right-from-square\",\"className\":\"size-3 mr-1 m"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"t-1 place-self-start shrink-0 text-current transition-colors [\u0026\u003epath]:transition-[opacity] [\u0026\u003epath]:[opacity:0.40] group-hover:[\u0026\u003epath]:[opacity:1]\"}]]}]}]\n35:[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"$L25\",null,{\"id\":\":S2:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"href\":\"https://www.gitbook.com/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Homepage\"}],[\"$\",\"$L2d\",null,{\"icon\":\"chevron-down\",\"className\":\"opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S2:\",\"className\":\"w-52 max-h-56 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\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L3f\",\"$L40\"]}]}]}]]}]\n36:[\"$\",\"$L25\",null,{\"href\":\"https://github.com/GitbookIO/community\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Community\"}],null]}]\n37:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/pricing\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Pricing\"}],null]}]\n38:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/blog\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Blog\"}],null]}]\n39:[\"$\",\"$L25\",null,{\"href\":\"https://docs.gitbook.com/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"GitBook Docs\"}],null]}]\n3a:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Homepage\"}]\n3b:[\"$\",\"$L25\",null,{\"href\":\"https://github.com/GitbookIO/community\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Community\"}]\n3c:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/pricing\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Pricing\"}]\n3d:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/blog\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Blog\"}]\n3e:[\"$\",\"$L25\",null,{\"href\":\"https://docs.gitbook.com/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"GitBook Docs\"}]\n42:HL[\"https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026widt"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"h=192\u0026dpr=4\u0026quality=100\u0026sign=e4d685e9\u0026sv=1\",\"image\",{\"fetchPriority\":\"high\",\"imageSrcSet\":\"https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=1\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 128w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=2\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 256w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=3\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=4\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 512w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=1\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 192w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=2\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=3\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 576w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 768w\",\"imageSizes\":\"(max-width: 1024px) 128px, 192px\"}]\n3f:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/solutions/public-docs\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Solutions\"}]\n40:[\"$\",\"$L25\",null,{\"href\":\"https://www.gitbook.com/about\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"About\"}]\n41:Tc2e,https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=12"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"8\u0026dpr=1\u0026quality=100\u0026sign=73ea7861\u0026sv=1 128w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=128\u0026dpr=2\u0026quality=100\u0026sign=73ea7861\u0026sv=1 256w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=128\u0026dpr=3\u0026quality=100\u0026sign=73ea7861\u0026sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=128\u0026dpr=4\u0026quality=100\u0026sign=73ea7861\u0026sv=1 512w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=192\u0026dpr=1\u0026quality=100\u0026sign=73ea7861\u0026sv=1 192w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=192\u0026dpr=2\u0026quality=100\u0026sign=73ea7861\u0026sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=192\u0026dpr=3\u0026quality=100\u0026sign=73ea7861\u0026sv=1 576w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=73ea7861\u0026sv=1 768w27:[\"$\",\"img\",null,{\"alt\":\"Logo\",\"style\":{},\"loading\":\"lazy\",\"fetchPriority\":\"low\",\"className\":\"hidden dark:block max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left\",\"src\":\"https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252FmY8TzgTFT2sC0sTFQiKw%252FLogo.png%3Falt%3Dmedia%26token%3D4ac82eef-27bc-4cb8-9934-22e5fe94e158\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=73ea7861\u0026sv=1\",\"srcSet\":\"$41\",\"sizes\":\"(max-width: 1024px) 128px, 192px\",\"width\":712,\"height\":79}]\n43:Tc2e,https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=1\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 128w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsite"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"s%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=2\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 256w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=3\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=128\u0026dpr=4\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 512w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=1\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 192w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=2\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 384w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=3\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 576w, https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=e4d685e9\u0026sv=1 768w26:[\"$\",\"img\",null,{\"alt\":\"Logo\",\"style\":{},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block dark:hidden max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left\",\"src\":\"https://developer.gitbook.com/~gitbook/image?url=https%3A%2F%2F2833555704-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252Fd8f63b60-89ae-11e7-8574-5927d48c4877%252Fsites%252Fsite_T54O6%252Flogo%252F3h33vfINNz2VBbUUu5Qt%252FLogo.png%3Falt%3Dmedia%26token%3Ddc7fc567-5545-4220-84ff-346eac30c4a9\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=e4d685e9\u0026sv=1\",\"srcSet\":\"$43\",\"sizes\":\"(max-width: 1024px) 128px, 192px\",\"width\":890,\"height\":99}]\n45:I[92083,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PageFeedbackForm\"]\n46:I[2554,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,".js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"Ad\"]\n47:I[46451,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PreservePageLayout\"]\n48:\"$Sreact.fragment\"\n4d:I[66819,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"DateRelative\"]\n4e:I[70155,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"TrackPageView\"]\n4f:I[50004,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PageClientLayout\"]\nf:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md 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-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"bars\",\"className\":\"size-3\"}],\"On this page\"]}],[\"$\",\"div\",null,{\"className\":\"overflow-auto flex-1 flex flex-col gap-4 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$29\",null,{\"fallback\":null,\"children\":\"$L44\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 page-api-block:xl:max-2xl:px-3\",\"children\":[[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L45\",null,{\"pageId\":\"6GaLkz6xXkexDLadSsko\",\"className\":\"mt-2\"}]}],null,[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/~gitbook/pdf?page=6GaLkz6xXkexDLadSsko\u0026only=yes\",\"className\":\"flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:te"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"xt-light/5\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"file-pdf\",\"className\":\"size-4 mr-1.5\"}],\"Export as PDF\"]}]}]]}]]}],[\"$\",\"$L46\",null,{\"zoneId\":null,\"placement\":\"page.aside\",\"spaceId\":\"2SyQSbIa1iYS7z6Dx5di\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"mt-4\"}]]}],[[\"$\",\"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\":[[\"$\",\"$L47\",null,{\"asFullWidth\":false}],null,[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[[\"$\",\"$L2d\",null,{\"icon\":\"block\",\"className\":\"size-[1em] text-dark/6 dark:text-light/6\"}],\"Blocks\"]}],null]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"define-a-custom-block\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1," 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"execution-flow-for-a-block\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-trans"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"form 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"render-a-basic-block\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Integrations can create custom blocks for documents. Blocks are small unit of content in a page document (like a paragraph, table, embed, etc.).\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"define-a-custom-block\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"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\":\"#define-a-custom-block\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L2d\",null,{\"icon\":\"hashtag\",\"className\":\"w"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Define a custom block\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Custom blocks are defined in the integration's manifest file:\"}]]]}],\"$L49\",[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"All blocks defined in an installed integrations will be listed in the insertion palette for all editors of the space.\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"execution-flow-for-a-block\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"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\":\"#execution-flow-for-a-block\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L2d\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Execution flow for a block\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Rendering of custom blocks is controlled in the integration's code and executed in the GitBook backend.\"}]]]}],\"$L4a\",[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"render-a-basic-block\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"render-a-basic-block\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"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\":\"#render-a-basic-block\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L2d\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Render a basic block\"}]]]}]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\""])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"Block are being rendered in the \"}]],\"$L4b\",[[\"$\",\"$48\",\"0\",{\"children\":\".\"}]]]}]}],[\"$\",\"$29\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 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-dark-4 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)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4c\"}]]}]}],null,[\"$\",\"div\",null,{\"className\":\"flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-dark/6 dark:text-light/5\",\"children\":[[[\"$\",\"$48\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$48\",\"arg-0\",{\"children\":[\"$\",\"$L4d\",null,{\"value\":\"2022-09-27T16:25:32.000Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L4e\",null,{\"sitePointer\":{\"siteId\":\"site_T54O6\",\"spaceId\":\"2SyQSbIa1iYS7z6Dx5di\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_uBsc4\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"d8f63b60-89ae-11e7-8574-5927d48c4877\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"},\"spaceId\":\"2SyQSbIa1iYS7z6Dx5di\",\"pageId\":\"6GaLkz6xXkexDLadSsko\",\"apiHost\":\"https://api.gitbook.com\"}]]]}],[\"$\",\"$29\",null,{\"fallback\":null,\"children\":[\"$\",\"$L4f\",null,{\"withSections\":false}]}]]\n50:I[64355,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"ScrollSectionsList\"]\n51:I[17370,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"CopyCodeButton\"]\n44:[\"$\",\"$L50\",null,{\"sections\":[{\"id\":\"define-a-custom-block\",\"title\":\"Define a custom block\",\"depth\":1},{\"id\":\"execution-flow-for-a-block\",\"title\":\"Execu"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"tion flow for a block\",\"depth\":1},{\"id\":\"render-a-basic-block\",\"title\":\"Render a basic block\",\"depth\":1}]}]\n4b:[\"$\",\"$L25\",null,{\"href\":\"/integrations/contentkit\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$48\",\"0\",{\"children\":\"ContentKit format\"}]]]}]\n49:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L51\",null,{\"codeId\":\"ebb1432f096a493087327db6102d11c4\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"ebb1432f096a493087327db6102d11c4\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"blocks\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\":\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" - \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"id\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"helloworld\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highl"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"ighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"title\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"Hello World\"}]],null]}]]}]]}]}]]}]\n4a:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L51\",null,{\"codeId\":\"da63380d4d854981909d9e2c65c3ffc7\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"da63380d4d854981909d9e2c65c3ffc7\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"sequenceDiagram\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" actor User\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" User -\u003e\u003e+ GitBook: Insert block in the editor\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" loop Every interaction with the block\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" GitBook -\u003e\u003e+ Integration: Execute rendering of the block with current props \u0026 state\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" Integration -\u003e\u003e- GitBook: Return ContentKit output for the block\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" GitBook -\u003e\u003e- User: Render UI in the editor\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transpar"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"ent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" User --\u003e+ GitBook: Interact with the block, updating the state or props\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" end\"}]],null]}]]}]]}]}]]}]\n4c:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L51\",null,{\"codeId\":\"4e98e902fa414e01b732832f299a13eb\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"4e98e902fa414e01b732832f299a13eb\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"import\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" { createComponent\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" createIntegration } \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"from\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"'@gitbook/runtime'\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-l"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"ight-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"const\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"helloWorld\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"createComponent\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"({\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" componentId\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"'helloworld'\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(-"])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"-shiki-token-keyword)\"},\"children\":\"async\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"render\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"() {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"return\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" (\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"block\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"box\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\""])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"text\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003eHello world\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003c/\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"text\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003e\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003c/\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"box\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003e\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003c/\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"block\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003e\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" );\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(."])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"});\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"export\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"default\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"createIntegration\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"({\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" components\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var("])</script><script nonce="OTNlNTQ3ZDctN2QwZS00NDVkLWE5MTktYTMxY2MxOTZjZDg5">self.__next_f.push([1,"--shiki-foreground)\"},\"children\":\" [helloWorld]\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"});\"}]],null]}]]}]]}]}]]}]\n16:[[\"$\",\"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\":\"Blocks | GitBook Developer Documentation\"}],[\"$\",\"meta\",\"4\",{\"name\":\"generator\",\"content\":\"GitBook (fc8065b)\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://developer.gitbook.com/integrations/blocks\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Blocks | GitBook Developer Documentation\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://developer.gitbook.com/~gitbook/ogimage/6GaLkz6xXkexDLadSsko\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Blocks | GitBook Developer Documentation\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://developer.gitbook.com/~gitbook/ogimage/6GaLkz6xXkexDLadSsko\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"https://2688147996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SyQSbIa1iYS7z6Dx5di%2Ficon%2FQ9LYYH4U98doelCe6VDr%2FGitBook%20-%20Icon%20-%20Dark%20(1).png?alt=media\u0026token=f2e89f29-f3c7-4f20-9562-f34c98763f27\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"https://2688147996-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SyQSbIa1iYS7z6Dx5di%2Ficon%2FQ9LYYH4U98doelCe6VDr%2FGitBook%20-%20Icon%20-%20Dark%20(1).png?alt=media\u0026token=f2e89f29-f3c7-4f20-9562-f34c98763f27\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"14\",{\"name\":\"next-size-adjust\"}]]\ne:null\n"])</script></body></html>