wokwi elements
1.5.1
Componentes Web para Arduino e diversas peças eletrônicas.
Confira o catálogo de componentes.
Nota: estes elementos proporcionam apenas a apresentação e visualização do hardware representado. Eles não fornecem o código de simulação funcional do hardware. Isso depende do aplicativo (simulador) com o qual você deseja usá-lo e, portanto, depende de você criá-lo.
Você pode instalar o pacote com npm e importá-lo para o seu código:
import '@wokwi/elements' ;Alternativamente, você pode carregar o pacote Wokwi Elements do CDN do unpkg:
< script src =" https://unpkg.com/@wokwi/[email protected]/dist/wokwi-elements.bundle.js " > </ script >Substitua 0.48.3 pelo número da versão mais recente. Você pode encontrar uma lista de todas as versões na página de lançamentos.
Para se preparar para o desenvolvimento local, clone este repositório e instale as dependências:
npm install
Então comece o livro de histórias:
npm run storybook
Isso abrirá um servidor de desenvolvimento local em http://localhost:6006, onde você poderá interagir com os elementos e ver suas alterações ao vivo, semelhante a https://elements.wokwi.com.
A maneira mais fácil de criar um novo elemento é executar o gerador:
npm run new-element --name demo
Isso irá gerar um novo elemento chamado demo . Também criará um arquivo de livro de histórias, para que você possa ver o novo elemento no livro de histórias (veja a seção "Desenvolvimento local" acima).
Nota: as atualizações dos documentos no código não serão refletidas na guia Documentos do Storybook, a menos que você reinicie o Storybook ou execute o seguinte comando manualmente e atualize a página:
npm run analyze-components
Confira o Guia de Contribuição para mais detalhes.
O tutorial de codificação ao vivo do elemento do teclado de membrana percorre todo o processo por trás da criação de um elemento: pesquisar, desenhar e escrever o código/histórias.
Wokwi Elements são lançados sob a licença do MIT.
