Docs reference

Examples of Boosted’s documentation-specific components and styles.

On this page


CalloutsLink to this section: Callouts

Default callout

Warning callout

Danger callout

Code exampleLink to this section: Code example

.test {
  --color: blue;
}

The HTML abbreviation element.

This is a test.
<div class="test">This is a test.</div>
html
$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));
if (document.getElementById('liveToastBtn')) {
  document.getElementById('liveToastBtn').addEventListener('click', () => {
    boosted.Toast.getOrCreateInstance(document.getElementById('liveToast')).show()
  })
}