site/src/content/docs/docsref.mdx

---
title: Docs reference
description: Examples of Bootstrap’s documentation-specific components and styles.
aliases: "/docsref/"
toc: true
robots: noindex,follow
---

## Callouts

<Callout>
  Default callout
</Callout>

<Callout type="warning">
  Warning callout
</Callout>

<Callout type="danger">
  Danger callout
</Callout>

## Details

<Details summary="Click to expand inline content">
  This is inline details content. It supports **markdown** formatting and will be hidden until clicked.
</Details>

## Code example

```scss
.test {
  --color: blue;
}
```

<Example showMarkup={false} code={`The <abbr title="HyperText Markup Language">HTML</abbr> abbreviation element.`} />

<Example code={`<div class="test">This is a test.</div>`} />

<ScssDocs name="variable-gradient" file="scss/_config.scss" />

<JsDocs name="live-toast" file="site/src/assets/partials/snippets.js" />