Composants Web pour Arduino et diverses pièces électroniques.
Consultez le catalogue de composants.
Remarque : ces éléments assurent uniquement la présentation et l'affichage du matériel représenté. Ils ne fournissent pas le code de simulation fonctionnelle du matériel. Cela dépend de l'application (simulateur) avec laquelle vous souhaitez les utiliser, et c'est donc à vous de créer.
Vous pouvez installer le package avec npm
puis l'importer dans votre code :
import '@wokwi/elements' ;
Alternativement, vous pouvez charger le bundle Wokwi Elements à partir du CDN de unpkg :
< script src =" https://unpkg.com/@wokwi/[email protected]/dist/wokwi-elements.bundle.js " > </ script >
Remplacez 0.48.3 par le dernier numéro de version. Vous pouvez trouver une liste de toutes les versions sur la page des versions.
Pour préparer le développement local, clonez ce dépôt, puis installez les dépendances :
npm install
Ensuite, démarrez le livre d'histoires :
npm run storybook
Cela ouvrira un serveur de développement local sur http://localhost:6006, où vous pourrez interagir avec les éléments et voir vos modifications en direct, similaire à https://elements.wokwi.com.
Le moyen le plus simple de créer un nouvel élément est d'exécuter le générateur :
npm run new-element --name demo
Cela générera un nouvel élément appelé demo
. Cela créera également un fichier de livre d'histoires, vous pourrez donc voir le nouvel élément dans le livre d'histoires (voir la section "Développement local" ci-dessus).
Remarque : les mises à jour des docstrings dans le code ne seront pas reflétées dans l'onglet Docs de Storybook, sauf si vous redémarrez Storybook ou exécutez la commande suivante manuellement et actualisez la page :
npm run analyze-components
Consultez le Guide de contribution pour plus de détails.
Le didacticiel de codage en direct des éléments de clavier à membrane parcourt le processus complet de création d'un élément : recherche, dessin et écriture du code/des histoires.
Wokwi Elements est publié sous licence MIT.