docs: use accordions for common issues in golden-path (#33840)
* fix: use accordions for common issues Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com> * fix code block Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com> --------- Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com>
This commit is contained in:
@@ -157,6 +157,37 @@ dilute their impact and make the content harder to read. If a section has
|
||||
more than two admonitions, restructure the content so that most of the
|
||||
information is in regular paragraphs.
|
||||
|
||||
## Accordions
|
||||
|
||||
Use HTML `<details>` and `<summary>` elements to create collapsible sections.
|
||||
These are useful for "Common issues" sections, lengthy reference tables, or
|
||||
supplementary content that would otherwise break the reading flow.
|
||||
|
||||
```markdown
|
||||
<details>
|
||||
<summary>Summary text visible when collapsed</summary>
|
||||
|
||||
Content inside the accordion. You can use **Markdown** here, including code
|
||||
blocks, lists, and other formatting.
|
||||
|
||||
</details>
|
||||
```
|
||||
|
||||
<details>
|
||||
<summary>Summary text visible when collapsed</summary>
|
||||
|
||||
Content inside the accordion. You can use **Markdown** here, including code
|
||||
blocks, lists, and other formatting.
|
||||
|
||||
</details>
|
||||
|
||||
Leave a blank line after the `<summary>` tag and before the closing
|
||||
`</details>` tag so that Markdown content inside renders correctly.
|
||||
|
||||
Use backticks for inline code inside `<summary>` elements instead of HTML
|
||||
`<code>` tags. Backticks render correctly inside summary elements and keep
|
||||
the source consistent with the rest of the Markdown content.
|
||||
|
||||
## Markdown elements
|
||||
|
||||
### Line breaks
|
||||
|
||||
Reference in New Issue
Block a user