ipp-web-components
v0.12.0
Published
Web Component
Downloads
10,229
Readme
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.