web-components-alvaro-teste v1.0.0

Biblioteca de componentes do PODS

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

Índice

• Como usar
  • Angular
• Changelog
• Navegadores suportados
• Polyfills
• Licença

Como usar

Instale o pacote via npm:

npm install @po-ds/pods-web-components

Se preferir, você também pode instalar o componente de forma individual:

npm install @po-ds/pods-button

Adicione o arquivo instalado no seu código html:

<script type="module" src="./node_modules/@po-ds/pods-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 '@po-ds/pods-button';

Changelog

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

Navegadores suportados (Browser Support)

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

Polyfills

EM BREVE

Licença

MIT