Custom scripts

Adicione CSS e JS personalizados à sua documentação para personalizar completamente a aparência e o comportamento.

CSS Personalizado

Adicione qualquer número de arquivos CSS ao seu repositório e os nomes de classe definidos serão aplicados e estarão disponíveis em todos os seus arquivos MDX.

Adicionando style.css

Por exemplo, você pode adicionar o seguinte arquivostyle.csspara personalizar o estilo da barra de navegação e do rodapé.

#navbar {
  background: "#fffff2";
  padding: 1rem;
}

footer {
  margin-top: 2rem;
}

Usando Identificadores

Mintlify tem um conjunto de identificadores comuns para ajudar você a marcar elementos importantes da UI. Alguns, mas não todos, estão listados a seguir:

#topbar-cta-button #navbar #sidebar #content-area #table-of-contents

Use o inspetor de elementos para encontrar referências aos elementos que você deseja personalizar.

Referências e o estilo de elementos comuns estão sujeitos a mudanças conforme a plataforma evolui. Por favor, use a estilização personalizada com cautela.

JS Personalizado

JS personalizado permite que você adicione código executável personalizado globalmente. É equivalente a adicionar uma tag<script>com código JS em cada página.

Adicionando JavaScript Personalizado

Qualquer arquivo.jsdentro do diretório de conteúdo da sua documentação será incluído em cada página da documentação. Por exemplo, você pode adicionar o seguinte arquivoga.jspara habilitar oGoogle Analyticsem toda a documentação.

window.dataLayer = window.dataLayer || [];
function gtag() {
  dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'TAG_ID');

Por favor, use com cautela para não introduzir vulnerabilidades de segurança.