Turn blocks into components you can reuse across pages.
Briefer allows you to turn Python and SQL blocks into reusable components that you can use across different pages.To create a reusable component, hover over a Python or SQL block and click on the “floppy disk” icon that appears on the right side of the block. This will save the block as a component.
Click the "floppy disk" icon to save a block as a component.
After saving a block as a component, you can see it in the “Reusable Components” panel. To open the “Reusable Components” panel, click on the “Reusable Components” button within the three dots menu on the top right corner of the editor.
Open the reusable components through the three dots menu on the top right corner of the editor.
To use a component in a page, click the “Add to notebook” link at the bottom of the component’s row in the “Reusable Components” panel. This will add the component to the page you’re currently editing.
Click the "Add to notebook" link to add a component to the current page.
When you modify the source block of a component, you can update all the instances of that component across your pages.To do this, click on the “Floppy disk” icon again on the source block of the component.Then, in the modal that appears, confirm that you want to update all the instances of the component.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Briefer","colors":{"primary":"#0D9373","light":"#07C983","dark":"#0D9373"},"favicon":"/favicon.svg","logo":{"light":"https://mintcdn.com/briefer/b4K8SyWze93KZnrl/logo/light.svg?fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=5d3cdc30d83c7ca110bf374667c21d77","dark":"https://mintcdn.com/briefer/b4K8SyWze93KZnrl/logo/dark.svg?fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=4323ffd4d0c272f621ea1dafe6fe29a1"},"navbar":{"links":[{"label":"Support","href":"mailto:contact@briefer.cloud"}],"primary":{"type":"button","label":"Open Briefer","href":"https://app.briefer.cloud/auth/signup"}},"footer":{"socials":{"x":"https://x.com/briefercloud","github":"https://github.com/briefercloud/briefer","linkedin":"https://linkedin.com/company/briefercloud"}},"navigation":{"global":{"anchors":[{"anchor":"GitHub","href":"https://github.com/briefercloud/briefer","icon":"github"},{"anchor":"Community","href":"https://join.slack.com/t/briefercommunity/shared_invite/zt-2surl2chh-6eNkQRbj5F0d2juiUKTBuQ","icon":"slack"},{"anchor":"Blog","href":"https://briefer.cloud/blog","icon":"newspaper"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"briefer","hasAudioNarration":false,"actualSubdomain":"briefer","customDomains":["docs.briefer.cloud"],"gitSource":{"type":"github","owner":"briefercloud","repo":"briefer","deployBranch":"main","contentDirectory":"docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a21e65d8d1fcd719df03776","collectionId":"d16322b9-2e94-494f-9c3f-fdbddafeb98b","schemaVersion":"v2"},"entitlements":{},"buildId":"6a21e65d8d1fcd719df03776:success","clientVersion":"0.0.3965","searchFilterCounts":[{"language":"default","tag":"Documentation","count":35},{"language":"default","tag":"Product docs","count":16},{"language":"default","tag":"Enterprise","count":7},{"language":"default","tag":"Deployment guides","count":4},{"language":"default","tag":"Get started","count":4},{"language":"default","tag":"Settings and management","count":4}]},"assistantConfig":{},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"product/reusable-components","slug":"/product/reusable-components","pageMetadata":{"title":"Reusable components","description":"Turn blocks into components you can reuse across pages.","icon":"cubes-stacked","href":"/product/reusable-components"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Turn blocks into components you can reuse across pages.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={p:`p`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Briefer allows you to turn Python and SQL blocks into reusable components that you can use across different pages.`}),`\n`,_jsx(_components.p,{children:`To create a reusable component, hover over a Python or SQL block and click on the “floppy disk” icon that appears on the right side of the block. This will save the block as a component.`}),`\n`,_jsx(Frame,{caption:`Click the \"floppy disk\" icon to save a block as a component.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=d22bdd700f1b7597dfc22ba30bc34f51`,alt:`Saving a block as a component`,\"data-og-width\":`2920`,width:`2920`,\"data-og-height\":`798`,height:`798`,\"data-path\":`images/save-component.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?w=280\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=2ce5714e12dc514300b7b0f0aff9ee79 280w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?w=560\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=eb7c199726a791389227761db45f2ae0 560w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?w=840\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=87452f474db652fe837fd3b978090143 840w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?w=1100\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=cb4e1b98bcc884637b8921019d6e3864 1100w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?w=1650\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=fb7833a2442982c0d473bd38758b2962 1650w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/save-component.png?w=2500\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=4e2f3a94797188f04096abd718b5920a 2500w`})}),`\n`,_jsx(_components.p,{children:`After saving a block as a component, you can see it in the “Reusable Components” panel. To open the “Reusable Components” panel, click on the “Reusable Components” button within the three dots menu on the top right corner of the editor.`}),`\n`,_jsx(Frame,{caption:`Open the reusable components through the three dots menu on the top right corner of the editor.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=8cc71e7027d65ba5bc9582021815a9ab`,alt:`Opening the reusable components panel`,\"data-og-width\":`1324`,width:`1324`,\"data-og-height\":`1960`,height:`1960`,\"data-path\":`images/open-reusable-components.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?w=280\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=9a22e38dc6c3be78abaf950ce6e02770 280w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?w=560\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=6159005cd49fc6de06841c966159c8c6 560w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?w=840\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=264d12f3c9ec12306936e329ed57ac14 840w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?w=1100\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=a32372181a1e579304f6adc524dd1fc6 1100w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?w=1650\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=01dee569b976f0a28cb518d3a260ec9b 1650w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/open-reusable-components.png?w=2500\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=d4a91ff55220d6926c52bca2d7d99543 2500w`})}),`\n`,_jsx(_components.p,{children:`To use a component in a page, click the “Add to notebook” link at the bottom of the component’s row in the “Reusable Components” panel. This will add the component to the page you’re currently editing.`}),`\n`,_jsx(Frame,{caption:`Click the \"Add to notebook\" link to add a component to the current page.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=1fd6106a68ea2b03e537fadab71e7b92`,alt:`Adding a component to the current page`,\"data-og-width\":`1708`,width:`1708`,\"data-og-height\":`1852`,height:`1852`,\"data-path\":`images/add-to-notebook.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?w=280\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=72905f150e8b0ad9ac67c92ee0010a30 280w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?w=560\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=169b6eeb63218bddbf11788ad22e8c9a 560w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?w=840\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=11bd3d43ad55fe4b488560da5c39ac8b 840w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?w=1100\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=2f55b09738fae53ed6ea766f8bc01b99 1100w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?w=1650\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=b27a76a9c441edba87636daf3169ac6a 1650w, https://mintcdn.com/briefer/b4K8SyWze93KZnrl/images/add-to-notebook.png?w=2500\u0026fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=0b01e7aa0af674c4d0c91ba6ac7bf85c 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`updating-existing-instances-of-a-component`,children:`Updating existing instances of a component`}),`\n`,_jsx(_components.p,{children:`When you modify the source block of a component, you can update all the instances of that component across your pages.`}),`\n`,_jsx(_components.p,{children:`To do this, click on the “Floppy disk” icon again on the source block of the component.`}),`\n`,_jsx(_components.p,{children:`Then, in the modal that appears, confirm that you want to update all the instances of the component.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Reusable components","description":"Turn blocks into components you can reuse across pages.","icon":"cubes-stacked","href":"/product/reusable-components"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Updating existing instances of a component","slug":"updating-existing-instances-of-a-component","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"briefer","siteName":"Briefer","title":"Reusable components - Briefer","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T04:03:04.656Z","originalFileLocation":"product/reusable-components.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Turn blocks into components you can reuse across pages.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Briefer\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Reusable components - Briefer\">\u003cmeta data-mint-head property=\"og:description\" content=\"Turn blocks into components you can reuse across pages.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Briefer\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.briefer.cloud/product/reusable-components\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://briefer.mintlify.app/_mintlify/api/og/v2?division=Product+docs\u0026amp;title=Reusable+components\u0026amp;description=Turn+blocks+into+components+you+can+reuse+across+pages.\u0026amp;theme=e8b7cf0ae4240180ad121556\u0026amp;signature=2b031e0947ac60d677e6e6a866445606a05efa51f5fefac402fcc4e155702fd9\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Reusable components - Briefer\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Turn blocks into components you can reuse across pages.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://briefer.mintlify.app/_mintlify/api/og/v2?division=Product+docs\u0026amp;title=Reusable+components\u0026amp;description=Turn+blocks+into+components+you+can+reuse+across+pages.\u0026amp;theme=e8b7cf0ae4240180ad121556\u0026amp;signature=2b031e0947ac60d677e6e6a866445606a05efa51f5fefac402fcc4e155702fd9\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/briefer/yiAgPrXQBsC1r8BA/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Briefer\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#0D9373\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.briefer.cloud/product/reusable-components\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/product/reusable-components.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.briefer.cloud/#organization\",\"name\":\"Briefer\",\"url\":\"https://docs.briefer.cloud\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/briefer/b4K8SyWze93KZnrl/logo/light.svg?fit=max\u0026auto=format\u0026n=b4K8SyWze93KZnrl\u0026q=85\u0026s=5d3cdc30d83c7ca110bf374667c21d77\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.briefer.cloud#website\",\"name\":\"Briefer\",\"url\":\"https://docs.briefer.cloud\",\"publisher\":{\"@id\":\"https://docs.briefer.cloud/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.briefer.cloud/product/reusable-components#webpage\",\"url\":\"https://docs.briefer.cloud/product/reusable-components\",\"name\":\"Reusable components\",\"description\":\"Turn blocks into components you can reuse across pages.\",\"dateModified\":\"2026-01-07T04:03:04.656Z\",\"isPartOf\":{\"@id\":\"https://docs.briefer.cloud#website\"},\"breadcrumb\":{\"@id\":\"https://docs.briefer.cloud/product/reusable-components#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.briefer.cloud/product/reusable-components#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Product docs\",\"item\":\"https://docs.briefer.cloud/product/first-steps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reusable components\",\"item\":\"https://docs.briefer.cloud/product/reusable-components\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.briefer.cloud/product/reusable-components#article\",\"headline\":\"Reusable components\",\"name\":\"Reusable components\",\"description\":\"Turn blocks into components you can reuse across pages.\",\"url\":\"https://docs.briefer.cloud/product/reusable-components\",\"mainEntityOfPage\":{\"@id\":\"https://docs.briefer.cloud/product/reusable-components#webpage\"},\"dateModified\":\"2026-01-07T04:03:04.656Z\",\"publisher\":{\"@id\":\"https://docs.briefer.cloud/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.briefer.cloud#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Briefer\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Briefer","nav":{"global":{"anchors":[{"anchor":"GitHub","href":"https://github.com/briefercloud/briefer","icon":"github"},{"anchor":"Community","href":"https://join.slack.com/t/briefercommunity/shared_invite/zt-2surl2chh-6eNkQRbj5F0d2juiUKTBuQ","icon":"slack"},{"anchor":"Blog","href":"https://briefer.cloud/blog","icon":"newspaper"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Get started","pages":[{"title":"Introduction","href":"/introduction"},{"title":"Local quickstart","href":"/get-started/local"},{"title":"Cloud quickstart","href":"/get-started/cloud"},{"title":"Deploy Briefer","href":"/get-started/deploy"}]},{"group":"Deployment guides","pages":[{"title":"Virtual Machine (Generic)","icon":"desktop","href":"/deployment/vm"},{"title":"GCE Virtual Machine (GCP)","icon":"google","href":"/deployment/gcp"},{"title":"Kubernetes","icon":"circle-nodes","href":"/deployment/kubernetes"},{"title":"Troubleshooting","icon":"magnifying-glass","href":"/deployment/troubleshooting"}]},{"group":"Product docs","pages":[{"title":"First steps","icon":"shoe-prints","href":"/product/first-steps"},{"title":"Interface overview","icon":"map","href":"/product/interface-overview"},{"title":"Data sources","icon":"database","href":"/product/data-sources"},{"title":"Files","icon":"folder-open","href":"/product/files"},{"title":"Schema explorer","icon":"book","href":"/product/schema-explorer"},{"title":"Schedules","icon":"calendar","href":"/product/schedules"},{"title":"Inputs","icon":"pen-to-square","href":"/product/inputs"},{"title":"Snapshots","description":"See how your pages evolved over time and restore them.","icon":"camera","href":"/product/snapshots"},{"title":"Reusable components","icon":"cubes-stacked","href":"/product/reusable-components"},{"title":"Sharing and exporting","description":"Share your pages with others or export them.","icon":"share-nodes","href":"/product/sharing"},{"title":"Environments","icon":"microchip","href":"/product/environments"},{"title":"Environment variables","icon":"key","href":"/product/environment-variables"},{"title":"AI assistant","icon":"wand-magic-sparkles","href":"/product/ai-assistant"},{"title":"Slack integration","icon":"slack","href":"/product/slack-integration"},{"title":"Keyboard shortcuts","icon":"keyboard","href":"/product/keyboard-shortcuts"},{"title":"Private Documents","icon":"person-chalkboard","href":"/product/private-documents"}]},{"group":"Settings and management","pages":[{"title":"Installing packages","icon":"hard-drive","href":"/settings/installing-packages"},{"title":"User management","icon":"user-plus","href":"/settings/user-management"},{"title":"Workspace settings","icon":"gear","href":"/settings/workspace-settings"},{"title":"Page settings","icon":"scroll","href":"/settings/page-settings"}]},{"group":"Enterprise","pages":[{"title":"Permissions - Self-hosted","icon":"passport","href":"/enterprise/deployment-permissions"},{"title":"Configuring SSO on a self-hosted instance","icon":"lock","href":"/enterprise/sso-self-hosted"},{"title":"Integrating user identities with your data source","icon":"id-card","href":"/enterprise/datasource-identities"},{"title":"Granular permissions","icon":"users-viewfinder","href":"/enterprise/granular-permissions"},{"title":"Private AI setup","icon":"hat-wizard","href":"/enterprise/private-ai"},{"title":"Customize appearance","icon":"paintbrush","href":"/enterprise/customize-appearance"},{"title":"Configuring caches","icon":"hard-drive","href":"/enterprise/configuring-caches"}]}]}]},"title":"Reusable components - Briefer","buildId":"dpl_849ArpqvBiCczQiT1Y1stNGpbqHT","deploymentId":"dpl_849ArpqvBiCczQiT1Y1stNGpbqHT","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-Cz91mEGH.js","DynamicMarkdown-a8hUKrw6.js","zoom-image-lightbox-CaUwvYH3.js","lightbox-handle-r17bVUz3.js"]}