loader-wap
v1.0.0
Published
Documentação do componente de Loader
Downloads
1
Readme
Loader
Sobre
Um componente que contém um loader padrão em formato de círculo.
Dependências
Não há
Instalação
- Instale o app através do seu terminal
npm install @wapstore/loader
- Valide se seu arquivo package.json possui a dependência
"dependencies": {
"@wapstore/loader": "^1.0.0"
}
Agora a loja está apta para o uso da aplicação.
Uso
O componente de Loader pode ser inserido em qualquer lugar da pasta "components" ou "pages". Neste arquivo você pode inserir todas as props e slots que o componente aceita, além de seus estilos.
Exemplo
-Este é um exemplo da aplicação de um arquivo padrão para um Loader no frete:
<template>
<div v-if="loadFrete" id="load-frete" class="calcFrete-loader">
<loader color="var(--corPadraoBotao)" />
</div>
</template>
<script>
...
</script>
<style>
...
</style>
Recursos
Props
| Prop | Descrição | Tipo |
|---|---|---|
| color 1.0.0
| Define a cor do loader aceitando códigos hexadecimais, RGB, variáveis CSS e qualquer valor que possa ser usado para definir cor no CSS. | String
|
Estilização
Para a estilização, basta utilizar estilos sem escopos dentro do componente onde for inserido, utilizando sempre de um ID ou classe específica para a chamada do componente, para que em outras chamadas o estilo não influencie. Caso o estilo seja para várias chamadas do componente é recomendado a inserção dos estilos em um arquivos CSS separado.