Spaces:
Running
Running
thibaud frere
commited on
Commit
·
2dbf974
1
Parent(s):
20eea38
update doc
Browse files
app/src/content/chapters/components.mdx
CHANGED
|
@@ -125,7 +125,7 @@ import FullWidth from '../components/FullWidth.astro'
|
|
| 125 |
|
| 126 |
### Accordion
|
| 127 |
|
| 128 |
-
|
| 129 |
|
| 130 |
<Accordion title="What can this accordion hold?" open>
|
| 131 |
<p>Text, lists, images, code blocks, etc.</p>
|
|
@@ -135,6 +135,17 @@ Accessible accordion based on `details/summary`. You can pass any children conte
|
|
| 135 |
</ul>
|
| 136 |
</Accordion>
|
| 137 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 138 |
<Accordion title="Code example">
|
| 139 |
````mdx
|
| 140 |
import Accordion from '../components/Accordion.astro'
|
|
@@ -143,6 +154,17 @@ import Accordion from '../components/Accordion.astro'
|
|
| 143 |
<p>Free content with <strong>markdown</strong> and MDX components.</p>
|
| 144 |
</Accordion>
|
| 145 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 146 |
<Accordion title="Code example">
|
| 147 |
```ts
|
| 148 |
function greet(name: string) {
|
|
|
|
| 125 |
|
| 126 |
### Accordion
|
| 127 |
|
| 128 |
+
Can be used like this `<Accordion>some content</Accordion>`. You can pass any children content.
|
| 129 |
|
| 130 |
<Accordion title="What can this accordion hold?" open>
|
| 131 |
<p>Text, lists, images, code blocks, etc.</p>
|
|
|
|
| 135 |
</ul>
|
| 136 |
</Accordion>
|
| 137 |
|
| 138 |
+
<Accordion title="A table inside an accordion">
|
| 139 |
+
| Prop | Required | Description
|
| 140 |
+
|-------------|----------|----------------------------------------------------------------------------------
|
| 141 |
+
| `src` | Yes | Path to the embed file in the `embeds` folder.
|
| 142 |
+
| `title` | No | Short title displayed above the card.
|
| 143 |
+
| `desc` | No | Short description displayed below the card. Supports inline HTML (e.g., links).
|
| 144 |
+
| `frameless` | No | Removes the card background and border for seamless embeds.
|
| 145 |
+
| `align` | No | Aligns the title/description text. One of `left` (default), `center`, `right`.
|
| 146 |
+
| `id` | No | Adds an `id` to the outer figure for deep-linking and cross-references.
|
| 147 |
+
</Accordion>
|
| 148 |
+
|
| 149 |
<Accordion title="Code example">
|
| 150 |
````mdx
|
| 151 |
import Accordion from '../components/Accordion.astro'
|
|
|
|
| 154 |
<p>Free content with <strong>markdown</strong> and MDX components.</p>
|
| 155 |
</Accordion>
|
| 156 |
|
| 157 |
+
<Accordion title="A table inside an accordion">
|
| 158 |
+
| Prop | Required | Description
|
| 159 |
+
|-------------|----------|----------------------------------------------------------------------------------
|
| 160 |
+
| `src` | Yes | Path to the embed file in the `embeds` folder.
|
| 161 |
+
| `title` | No | Short title displayed above the card.
|
| 162 |
+
| `desc` | No | Short description displayed below the card. Supports inline HTML (e.g., links).
|
| 163 |
+
| `frameless` | No | Removes the card background and border for seamless embeds.
|
| 164 |
+
| `align` | No | Aligns the title/description text. One of `left` (default), `center`, `right`.
|
| 165 |
+
| `id` | No | Adds an `id` to the outer figure for deep-linking and cross-references.
|
| 166 |
+
</Accordion>
|
| 167 |
+
|
| 168 |
<Accordion title="Code example">
|
| 169 |
```ts
|
| 170 |
function greet(name: string) {
|