Markdown
O Seed suporta Markdown nos slots de conteúdo que são marcados para isso. Além disso, dentro de conteúdo Markdown você pode usar componentes inline.
Onde o Markdown funciona
O conteúdo textual dentro de componentes com design template pode ser renderizado como Markdown. Os slots como @description no @hero ou o conteúdo dos @item do accordion aceitam Markdown.
```seed
@accordion
@item
@title
Como usar?
O Seed suporta **negrito**, _itálico_, `código inline` e listas:
- Item 1
- Item 2
- Item 3
```
Markdown suportado
| Sintaxe | Resultado |
|---|---|
**texto** | negrito |
_texto_ | itálico |
` código ` | código inline |
[link](url) | Link clicável |
# H1 / ## H2 | Cabeçalhos |
- item | Lista não ordenada |
1. item | Lista ordenada |
> texto | Blockquote |
`code` | Bloco de código |
Componentes inline em Markdown
Dentro de conteúdo Markdown, você pode usar componentes com a sintaxe {componente props}conteúdo{/componente}:
```seed
@section
Veja nossa {btn variant=primary href=/planos}página de planos{/btn} para mais detalhes.
Este é um {tag variant=success}novo recurso{/tag} lançado recentemente.
```
A sintaxe inline usa {} em vez de @ e não suporta aninhamento.
Fence de código (escaping)
Para exibir sintaxe .seed como texto (sem renderizar como componentes), use triple backtick:
```seed @button variant=primary Exemplo ```
O conteúdo dentro de fence de código não é processado como componentes Seed.
O Seed usa a biblioteca mistune para renderizar Markdown. A maioria das features CommonMark é suportada, incluindo tabelas GFM e strikethrough.