donut-loader

Nom du composant : Gestion avancée des attributs : Ajouter un attribut HTML : <div class="loader"></div> CSS : .loader { width: 80px; height: 80px; border-radius: 50%; border: 8px solid transparent; border-top-color: var(--donutColor); border-bottom-color: var(--donutColor); animation: spin 1s linear infinite; position: relative; } .loader::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: var(--bgColor); border-radius: 50%; } @keyframes spin { to { transform: rotate(360deg); } } JavaScript (connectedCallback) : JavaScript (render) : Fonctions JavaScript (méthodes supplémentaires) : Générer le composant

🌟 Prévisualisation interactive : Code HTML généré : Code JS généré : 📦 Export multi-framework : -- Choisir un framework -- React Vue Angular Ouvrir dans CodePen Description :