1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
|
# Reference examples
This page shows the most common ways that `sphinx-togglebutton` is used as a reference.
This is a benchmark for styling, and also helps demonstrate the behavior of this extension.
```{toctree}
notebooks
```
## Use amongst text
Here's a paragraph, it's just here to provide some text context for the togglebuttons in this section.
:::{note}
:class: toggle
A test toggle admonition.
:::
Here's a paragraph, it's just here to provide some text context for the togglebuttons in this section.
:::{toggle}
A test toggle directive.
:::
Here's a paragraph, it's just here to provide some text context for the togglebuttons in this section.
## Sequential toggle buttons
Here's how they look right after one another:
### Admonition toggles
:::{note}
:class: toggle
This is my note.
:::
:::{note}
:class: toggle
This is my second.
:::
### Toggle directive
:::{toggle}
This is my first.
:::
:::{toggle}
This is my second.
:::
## Long titles
:::{admonition} A really long admonition that will take up multiple lines A really long admonition that will take up multiple lines
:class: toggle
Admonition content.
```{image} https://jupyterbook.org/_static/logo-wide.svg
```
:::
|