Buttons

:::buttons turns a list of markdown links into a styled row of buttons. The first link is the primary button; the rest are secondary.

Basic buttons#

:::buttons
[Download](https://example.com/download)
[View source](https://github.com/example)

+++
::::buttons
[Download](https://example.com/download)
[View source](https://github.com/example)
::::
:::

## Modifier class

Use `{.inverted}` for a light-on-dark variant, or any other class for custom styles from `style.css`.

:::grid 2 {.sc-demo}
```markdown
:::buttons {.inverted}
[Primary action](https://example.com/action)
[Secondary](https://example.com/secondary)
:::

+++

:::

The first link is always the primary button; all subsequent links are secondary. To change which action is primary, reorder the links.