Skip to content

Containers

É bastante útil realçar conteúdo como exemplos, dicas, definições de conceitos, avisos ou até esconder conteúdo extenso e menos relevante, como grandes exemplos e demonstrações.

Sintaxe

Para criar um container, basta usar a delimitação ::: seguido do tipo do mesmo.

:::tip

Some content

:::

É possível colocar qualquer tipo de conteúdo dentro do container, mesmo outros containers.

Nesting

Para colocar um container dentro de outro, basta alterar a delimitação do container exterior para :::: (e assim sucessivamente).

::::tip

Some content

:::details
More content
:::

::::

Evitar

Colocar um container dentro de outro já é, muitas vezes, desnecessário e confuso. Deve-se evitar colocar mais ainda.

Título

Por omissão, cada tipo de container tem o seu tipo como título. É, no entanto, possível alterar este título para algo com mais significado dependendo da situação.

:::info[Exemplo]

Some content

:::

Tipos de Containers

Existem os seguintes tipos de containers:

  • info (azul): Deve ser usado para exemplos principais e curtos ou para informação não essencial.
  • tip (verde): Deve ser usado para dar dicas, para definições de conceitos ou conteúdos a reter.
  • warning (amarelo): Deve ser usado para avisar erros comuns
  • danger (vermelho): Deve ser usado para avisar erros comuns (mas mais graves)
  • details: É colapsável, pelo que é ideal para exemplos longos ou demonstrações.