1.3.0

20 de maio de 2025

🎉 Novas funcionalidades

Componente CardContent

Componente de cartão reutilizável com suporte a título, descrição, botão e ícones, ideal para destacar recursos em páginas de documentação.

Documentação

Acesse nossos guias técnicos e materiais de referência.

Saiba mais

Arquivo

Acesse todos os itens arquivados durante a atividade do usuário.

Saiba mais

Uso com react-icons

Antes de utilizar os ícones, instale a biblioteca, executando o comando: npm install

Acesse o site react-icons para escolher o ícone.

Exemplo de uso em páginas MDX:

import { CardContent } from "@site/src/components/CardContent";
import { FiBookOpen } from "react-icons/fi";

<CardContent
  icon={<FiBookOpen />}
  title="Documentação"
  description="Acesse nossos guias técnicos e materiais de referência."
  button_text="Saiba mais"
  button_link="/docs"
/>

Componente HighlightLabel

Componente de rótulo estilizado para destacar tipos de informação como info, success, warning.

Sucesso Informação Erro Nota Atenção

Tipos disponiveis:

<HighlightLabel type="success">Sucesso</HighlightLabel>
<HighlightLabel type="info">Informação</HighlightLabel>
<HighlightLabel type="error">Erro</HighlightLabel>
<HighlightLabel type="note">Nota</HighlightLabel>
<HighlightLabel type="warning">Atenção</HighlightLabel>

Exemplo de uso em páginas MDX:

import { HighlightLabel } from "@site/src/components/HighlightLabel";

<HighlightLabel type="success">Sucesso</HighlightLabel>

Componente MethodLabel

Componente para rotular visualmente métodos HTTP (GET, POST, etc.) com estilo automático.

GET POST PUT PATCH DELETE OPTIONS

Métodos disponiveis:

<MethodLabel method="get"></MethodLabel>
<MethodLabel method="post"></MethodLabel>
<MethodLabel method="put"></MethodLabel>
<MethodLabel method="patch"></MethodLabel>
<MethodLabel method="delete"></MethodLabel>
<MethodLabel method="options"></MethodLabel>

Exemplo de uso em páginas MDX:

import { MethodLabel } from "@site/src/components/MethodLabel";

<MethodLabel method="get"></MethodLabel>
<MethodLabel method="post"></MethodLabel>
<MethodLabel method="put"></MethodLabel>
<MethodLabel method="patch"></MethodLabel>
<MethodLabel method="delete"></MethodLabel>
<MethodLabel method="options"></MethodLabel>

🔧 Melhorias

Variáveis para cor do texto do Header

Agora é possívelcustomizar a cor do texto do Header em temas claro e escuro por meio de novas variáveis CSS.

custom-style.css

--custom-header-text-color: #489cc1;
--custom-header-text-color-dark: #ffffff;

Link do botão do Header

Agora é possível customizar o link do botão do Header.