totvs-common-assets

Repositórios de imagens, logos da Totvs para o uso no desenvolvimento de sites com o PO UI da marca TOTVS.

A biblioteca PO UI possibilita a customização de cores e fontes através da utilização de temas, para a TOTVS foi criado o pacote https://github.com/totvs/po-theme-totvs.

Guia passo a passo Em uma aplicação Angular com o PO UI e o tema da TOTVS já instalados e configurados siga os seguintes passos:

Instale a biblioteca de logos e imagens com o comando:

npm install @totvs/common-assets

No seu projeto no arquivo angular.json localize a tag assets e adicione o seguinte conteúdo:

"assets": [
    ...
      {
        "glob": "**/*",
        "input": "./node_modules/@totvs/common-assets/common-assets/logos/",
        "output": "assets/images"
      }
    ]

Agora você pode referenciar as imagens direto da pasta assets. A seguir um exemplo de uso com o componente Page Login:

<po-page-login
  p-product-name="Human Resources"
  p-logo="./assets/images/totvs/totvs.svg"
  p-secondary-logo="./assets/images/totvs/totvs.svg"
>
</po-page-login>