Biblioteca de componentes do Animalia DS

Biblioteca de componentes do design system Animalia baseada em Web Components.

Índice

• Biblioteca de componentes do Animalia DS
  • Índice
  • Como usar
    • Angular
  • Changelog
  • Navegadores suportados (Browser Support)
  • Polyfills
  • Licença

Como usar

Instale o pacote via npm:

npm install @animaliads/animalia-web-components

Ou se preferir, você também pode instalar o componente de forma individual, por exemplo:

npm install @animaliads/ani-button

Adicione o arquivo instalado no seu arquivo html :

<script type="module" src="./node_modules/@animaliads/ani-button/index.js"></script>

Angular

Para utilizar o web component, você precisará adicionar o CUSTOM_ELEMENTS_SCHEMA no módulo da sua aplicação.

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@NgModule({
  imports: [CommonModule],
  declarations: [PageComponent],
  exports: [PageComponent],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA
  ]
})

export class PageModule {}

Você também precisará importar o pacote dentro do seu componente:

import '@animaliads/ani-button';

Changelog

Saiba mais sobre as últimas correções e melhorias.

Navegadores suportados (Browser Support)

Chrome	Firefox	Safari	Edge	IE
Latest ✔	Latest ✔	Latest ✔	Latest ✔	11*

*IE 11 necessita de *polyfills* para funcionar e não tem a funcionalidade de troca de tema.

Polyfills

[EM BREVE]

Licença

MIT