0.4.1 • Published 7 months ago
ippdefault-button v0.4.1
Getting Started
Para utilizar o Web Component do botão padrão execute o seguinte comando no terminal:
npm install ippdefault-button
npm start
Using this component
Para utilizar o componente basta importar o mesmo no index desejado, colocando a tag do botão padrão:
<default-button></default-button>
A tag criada também recebe uma children, que representa o texto dentro do botão. Exemplo:
<default-button>Botão Padrão</default-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/ippdefault-button@0.0.1/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.