Skip to content

Commit d0c1481

Browse files
authored
Update code-blocks.mdx
1 parent f24b4a2 commit d0c1481

File tree

1 file changed

+20
-31
lines changed
  • fern/products/docs/pages/component-library/default-components

1 file changed

+20
-31
lines changed

fern/products/docs/pages/component-library/default-components/code-blocks.mdx

Lines changed: 20 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -313,7 +313,10 @@ The `links` property accepts a map where keys are matching patterns (exact strin
313313

314314
<Tabs>
315315
<Tab title="Example">
316-
```typescript links={"PlantClient": "/docs/writing-content/demo#plantclient", "createPlant": "/docs/writing-content/demo#createplant"}
316+
<CodeBlock
317+
links={"PlantClient": "/docs/writing-content/demo#plantclient", "createPlant": "/docs/writing-content/demo#createplant"}
318+
>
319+
```typescript
317320
import { PlantClient } from "@plantstore/sdk";
318321

319322
const client = new PlantClient({ apiKey: "YOUR_API_KEY" });
@@ -322,10 +325,14 @@ The `links` property accepts a map where keys are matching patterns (exact strin
322325
species: "Monstera deliciosa"
323326
});
324327
```
328+
</CodeBlock>
325329
</Tab>
326330
<Tab title="Markdown">
327331
````markdown
328-
```typescript links={"PlantClient": "/docs/writing-content/demo#plantclient", "createPlant": "/docs/writing-content/demo#createplant"}
332+
<CodeBlock
333+
links={"PlantClient": "/docs/writing-content/demo#plantclient", "createPlant": "/docs/writing-content/demo#createplant"}
334+
>
335+
```typescript
329336
import { PlantClient } from "@plantstore/sdk";
330337

331338
const client = new PlantClient({ apiKey: "YOUR_API_KEY" });
@@ -334,6 +341,7 @@ The `links` property accepts a map where keys are matching patterns (exact strin
334341
species: "Monstera deliciosa"
335342
});
336343
```
344+
</CodeBlock>
337345
````
338346

339347
<Note>
@@ -348,7 +356,10 @@ You can use regex patterns for more flexible matching. This is useful when you w
348356

349357
<Tabs>
350358
<Tab title="Example">
351-
```python links={"Plant\\w+": "/docs/writing-content/demo#type-definitions", "create_\\w+": "/docs/writing-content/demo#create_plant"}
359+
<CodeBlock
360+
links={"Plant\\w+": "/docs/writing-content/demo#type-definitions", "create_\\w+": "/docs/writing-content/demo#create_plant"}
361+
>
362+
```python
352363
from plantstore import PlantClient, PlantConfig
353364

354365
client = PlantClient(api_key="YOUR_API_KEY")
@@ -357,10 +368,14 @@ You can use regex patterns for more flexible matching. This is useful when you w
357368
species="Ficus lyrata"
358369
)
359370
```
371+
</CodeBlock>
360372
</Tab>
361373
<Tab title="Markdown">
362374
````markdown
363-
```python links={"Plant\\w+": "/docs/writing-content/demo#type-definitions", "create_\\w+": "/docs/writing-content/demo#create_plant"}
375+
<CodeBlock
376+
links={"Plant\\w+": "/docs/writing-content/demo#type-definitions", "create_\\w+": "/docs/writing-content/demo#create_plant"}
377+
>
378+
```python
364379
from plantstore import PlantClient, PlantConfig
365380

366381
client = PlantClient(api_key="YOUR_API_KEY")
@@ -369,6 +384,7 @@ You can use regex patterns for more flexible matching. This is useful when you w
369384
species="Ficus lyrata"
370385
)
371386
```
387+
</CodeBlock>
372388
````
373389

374390
<Note>
@@ -377,33 +393,6 @@ You can use regex patterns for more flexible matching. This is useful when you w
377393
</Tab>
378394
</Tabs>
379395

380-
### Combining exact and regex patterns
381-
382-
You can mix exact string matching and regex patterns in the same `links` map:
383-
384-
<Tabs>
385-
<Tab title="Example">
386-
```javascript links={"fetchPlants": "/docs/writing-content/demo#fetchplants", "Plant\\w+": "/docs/writing-content/demo#plantresponse"}
387-
async function fetchPlants() {
388-
const response = await fetch('/api/plants');
389-
const data: PlantResponse = await response.json();
390-
return data.plants;
391-
}
392-
```
393-
</Tab>
394-
<Tab title="Markdown">
395-
````markdown
396-
```javascript links={"fetchPlants": "/docs/writing-content/demo#fetchplants", "Plant\\w+": "/docs/writing-content/demo#plantresponse"}
397-
async function fetchPlants() {
398-
const response = await fetch('/api/plants');
399-
const data: PlantResponse = await response.json();
400-
return data.plants;
401-
}
402-
```
403-
````
404-
</Tab>
405-
</Tabs>
406-
407396
## Combining props
408397

409398
You can combine the `title`, `highlight`, `focus`, `startLine`, `maxLines`, `wordWrap`, and `links`

0 commit comments

Comments
 (0)