← Voltar ao blog

Post de demonstração

Este post demonstra todos os componentes Notion-like disponíveis no blog.

Nicolas Stelatto

Post de demonstração

Este post demonstra todos os componentes disponíveis para uso nos artigos do blog.

Callouts

ℹ️
Informação

Este é um callout de informação.

⚠️
Atenção

Este é um callout de aviso.

Erro

Este é um callout de erro.

Sucesso

Este é um callout de sucesso.

📝

Este é um callout de nota sem título.

Tabela de chave-valor

Framework Astro 5
Linguagem TypeScript
Estilo CSS Custom Properties
Deploy Docker + Nginx
Astro - Build faster websites O framework web para sites orientados a conteúdo. astro.build

Color Blocks

Informação

Bloco azul para informações gerais.

Dica

Bloco verde para dicas úteis.

Importante

Bloco vermelho para itens importantes.

Nota

Bloco cinza para notas adicionais.

Toggle

Clique para expandir

Conteúdo escondido que aparece quando o toggle é aberto.

Pode conter markdown e outros elementos.

Código

function hello(name: string): string {
  return `Hello, ${name}!`;
}

Lista

  • Item um
  • Item dois
  • Item três

Citação

“A simplicidade é a sofisticação suprema.” — Leonardo da Vinci


Fim do post de demonstração.