ipp-web-components

Getting Started

Para utilizar o Web Component do botão padrão execute o seguinte comando no terminal:

npm install ipp-web-components
npm start

Using this component

Para utilizar o componente basta importar o mesmo no index desejado, colocando a tag do botão padrão:

<ipp-button></ipp-button>

A tag criada também recebe uma children, que representa o texto dentro do botão. Exemplo:

<ipp-button>Botão Padrão</ipp-button>

O Web Component pode ser usado com o atributo de tamanho size, e pode receber os seguintes valores:

• size='lg' (large)
• size='md' (medium)
• size='sm' (small)
• size='mc' (micro)

Caso não seja explicitado o atributo, será usado por padrão o valor large

Etiqueta de script

• Coloque a seguinte tag de script: <script type='module'src='https://unpkg.com/ipp-web-components/dist/webcomponentbutton/webcomponentbutton.esm.js'></script> no cabeçalho do seu index.html
• Então você pode usar o elemento em qualquer lugar do seu modelo, JSX, html etc.