A custom element that makes it simple to embed Spring '83 boards!
If you are using <spring-board> in a client-side framework you'll likely want to install it via npm, Yarn or pnpm.
npm install spring-board-element
# or
yarn add spring-board-element
# or
pnpm install spring-board-elementThen in your bundle, import the element:
import 'spring-board-element';However, a simple <script> tag will also work! A UMD build is available via unpkg.com or any other CDN.
<head>
<!-- Import the element -->
<script type="module" src="https://unpkg.com/spring-board-element"></script>
<!-- ... the rest of your <head> -->
</head>
<body>
<spring-board href="https://bogbody.biz/..."></spring-board>
</body><spring-board> has one optional attribute:
-
href: The URL of the board to embed. When this is changed a new board will be loaded.
<spring-board> has three properties:
-
href: The URL of the board to embed. Used to get or set the board URL. -
loaded: A pendingPromisethat resolves when the board has loaded. Each time thehrefproperty is changed theloadedproperty will reference a newPromise. -
pubdate: ADateobject representing the date and time the board was published. This is retrieved from the board's<time>element. Returnsnullif the board has not been loaded.
const board = document.querySelector('spring-board');
board.href = 'https://bogbody.biz/1...';
board.loaded.then(() => {
// board has loaded
});
board.href = 'https://bogbody.biz/2...';
board.loaded.then(() => {
// new board has loaded
});MIT