<spanclass="line"><spanstyle="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>Features:</p><ul><li><p>title: The text displayed above the main box. Can be a function to be dynamic, and can use basic HTML.</p></li><li><p>body: The text displayed inside the box. Can be a function to be dynamic, and can use basic HTML.</p></li><li><p>style, titleStyle, bodyStyle: <strong>optional</strong>. Apply CSS to the infobox, or to the title button or body of the infobox, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).</p></li><li><p>unlocked(): <strong>optional</strong>. A function returning a bool to determine if the infobox is visible or not. Default is unlocked.</p></li><li><p>layer: <strong>assigned automagically</strong>. It's the same value as the name of this layer, so you can do <code>player[this.layer].points</code> or similar</p></li><li><p>id: <strong>assigned automagically</strong>. It's the "key" which the bar was stored under, for convenient access. The infobox in the example's id is "lore".</p></li></ul></div></div></main><footerclass="VPDocFooter"data-v-39a288b8data-v-d4a0bba5><!--[--><!--]--><!----><navclass="prev-next"aria-labelledby="doc-footer-aria-label"data-v-d4a0bba5><spanclass="visually-hidden"id="doc-footer-aria-label"data-v-d4a0bba5>Pager</span><divclass="pager"data-v-d4a0bba5><!----></div><divclass="pager"data-v-d4a0bba5><aclass="VPLink link pager-link next"href="/garden/my-personal-website"data-v-d4a0bba5><!--[--><spanclass="desc"data-v-d4a0bba5>Next page</span><spanclass="title"data-v-d4a0bba5>My Personal Website</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><footerclass="vp-doc"data-v-90dd949c><divdata-v-90dd949c>CC 2024 The Paper Pilot. <arel="license"href="https://creativecommons.org/licenses/by-nc-sa/4.0/"data-v-90dd949c>CC BY-NC-SA 4.0</a>.</div><divdata-v-90dd949c>Any and all opinions listed here are my own and not representative of my employers; future, past and present.</div><divdata-v-90dd949c><ahref="https://resume.incremental.social/thepaperpilot/thepaperpilot"data-v-90dd949c>Resume</a> (not actively seeking new opportunities).</div><divdata-v-90dd949c>Site built from <ahref="https://code.incremental.social/thepaperpilot/pages/commit/e3bff8c07f675356997084610464ba42f0c50b4c"data-v-90dd949c>this commit</a> on <timedata-v-90dd949c>Saturday, June 15, 2024 at 12:03:00</time>.</div></footer><!--]--></div></div>
