Começando a usar

Veja como começar a usar o Sirius em seu projeto

Usando uma folha de estilos compilada

  1. Referencie o sirius.min.css nos HTMLs de seu projeto
<!-- HTML file syntax -->
<link href="https://zenvia-uikit.s3.amazonaws.com/css/sirius.min.css" rel="stylesheet" />
  1. O Sirius utiliza o pacote de ícones Font Awesome 6. Para esses ícones funcionarem bem com o nosso Design System em suas páginas, adicione o script abaixo no head do seu HTML”
<script src="https://kit.fontawesome.com/2a7fc67a92.js" crossorigin="anonymous"></script>
  1. Garanta que sua página contenha a tag HTML doctype e a tag para viewport responsivo:
<!DOCTYPE html>
<html>
  <head>
    ...
    <meta name="viewport" content="width=device-width, initial-scale=1">
    ...
  </head>
</html>