@wizsolucoes/wiz-loader NPM

Wiz solucoes

✨ Wiz Loader

Indique o local da página atual em uma hierarquia de navegação que adiciona automaticamente separadores via CSS. Seguindo o design system Sys da Wiz.

Como usar

instala o pacote

npm i @wizsolucoes/wiz-loader

Frameworks	Link
Angular	Link
React	Link
Vue	Link

outros

Componente html

  <wiz-loading type="spinner-percent" percentage="50" ></wiz-loading>
  <wiz-loading type="spinner-continuous" ></wiz-loading>
  <wiz-loading type="feedback-sonar" ></wiz-loading>
  <wiz-loading type="feedback-bounce" ></wiz-loading>
  <wiz-loading type="loading-z" ></wiz-loading>
  <wiz-loading type="circle-load-check" finish="{{variable}}" ></wiz-loading>

  // variable = boolean;

Obs: Se estiver trabalhando com algum framework e seus parâmetros forem dinâmicos devem ser feitos em forma diferente dependendo do framwork assista o vídeo abaixo para entender melhor. Web Componentes atributos em framework

🧾 Parâmetros

Parâmetro	Obrigatório	tipagem	Default	Observação
type	Não	string	null	Todos os types foram apresentados no exemplo.
percentage	Não	string	null	Específico para o type spinner-percent. Referente ao progresso.
finish	Não	boolean	null	Específico para o type circle-load-check mostrar o icon assim que for concluído o carregamento.