Seed

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

SintaxeResultado
**texto**negrito
_texto_itálico
` código `código inline
[link](url)Link clicável
# H1 / ## H2Cabeçalhos
- itemLista não ordenada
1. itemLista ordenada
> textoBlockquote
`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.