{"id":121,"date":"2024-10-03T12:50:06","date_gmt":"2024-10-03T16:50:06","guid":{"rendered":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/?page_id=121"},"modified":"2025-10-20T10:53:01","modified_gmt":"2025-10-20T14:53:01","slug":"bu-components","status":"publish","type":"page","link":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/handbook\/wp-core\/components-reference\/bu-components\/","title":{"rendered":"BU Block Imports"},"content":{"rendered":"\n<p>This is a standardized set of components, hooks, and utilities developed by ID.<\/p>\n\n\n\n<p>To import these into your codebase, use the <a href=\"https:\/\/www.npmjs.com\/package\/@bostonuniversity\/block-imports\"><code>@bostonuniversity\/block-imports<\/code><\/a>. Detailed instructions and usage can be found in the npm directory. Some have been copied here for quick reference.<\/p>\n\n\n\n<p>This package is managed through NPM (<a href=\"https:\/\/www.npmjs.com\/\">https:\/\/www.npmjs.com\/<\/a>). It can be found here:&nbsp;<a href=\"https:\/\/www.npmjs.com\/package\/@bostonuniversity\/block-components\">https:\/\/www.npmjs.com\/package\/@bostonuniversity\/block-imports<\/a>.<\/p>\n\n\n\n<h3>Installation<\/h3>\n\n\n\n<p>Please refer to the instructions in the repo for <a href=\"https:\/\/github.com\/bu-ist\/block-imports?tab=readme-ov-file#installation\">installation and setup<\/a>.<\/p>\n\n\n\n<h3><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/components\/v\/18.0.0#usage\"><\/a>Usage<\/h3>\n\n\n\n<p>Within Gutenberg, these components can be accessed by importing from the&nbsp;<code>components<\/code>&nbsp;root directory:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/**\n * WordPress dependencies\n *\/\nimport { Button } from '@bostonuniversity\/block-imports';\n\nexport default function MyBu() {\n\treturn &lt;Button&gt;Click Me!&lt;\/Button&gt;;\n}<\/pre>\n\n\n\n<h3>Further Reading<\/h3>\n\n\n\n<ul><li><a href=\"https:\/\/github.com\/bu-ist\/id-gutenberg\/issues\/5\">BU Block Components #5<\/a><\/li><li><a href=\"https:\/\/github.com\/bu-ist\/id-gutenberg\/issues\/159\">Feature: BU Block Components #159<\/a><\/li><li><a href=\"https:\/\/github.com\/bu-ist\/id-gutenberg\/issues\/289\">BU Block Components &#8211; Setup publishing of releases to NPM #289<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This is a standardized set of components, hooks, and utilities developed by ID. To import these into your codebase, use the @bostonuniversity\/block-imports. Detailed instructions and usage can be found in the npm directory. Some have been copied here for quick reference. This package is managed through NPM (https:\/\/www.npmjs.com\/). It can be found here:&nbsp;https:\/\/www.npmjs.com\/package\/@bostonuniversity\/block-imports. Installation Please [&hellip;]<\/p>\n","protected":false},"author":3670,"featured_media":0,"parent":117,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"status-is-a-reserved-term":[5],"assignee":[],"_links":{"self":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/121"}],"collection":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/users\/3670"}],"replies":[{"embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":7,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":742,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/121\/revisions\/742"}],"up":[{"embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/117"}],"wp:attachment":[{"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/media?parent=121"}],"wp:term":[{"taxonomy":"status-is-a-reserved-term","embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/status-is-a-reserved-term?post=121"},{"taxonomy":"assignee","embeddable":true,"href":"https:\/\/id-developer-upgrade-58.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/assignee?post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}