shoelace

Lacet

Une bibliothèque avant-gardiste de composants Web.

• Fonctionne avec tous les cadres?
• Fonctionne avec les CDN?
• Entièrement personnalisable avec CSS?
• Comprend un thème sombre officiel?
• Construit avec l'accessibilité à l'esprit ♿️
• Open source?

Conçu dans le New Hampshire par Cory Laviska.

---

Documentation: shoelace.style

Source: github.com/shoelace-tyle/shoelace

Twitter: @shoelace_style

---

Cordonniers?

Les cordonniers, ou «développeurs de shoelace», peuvent utiliser cette documentation pour apprendre à construire le lacet à partir de la source. Vous aurez besoin de nœud> = 14.17 pour construire et exécuter le projet localement.

Vous n'avez pas besoin de faire tout cela pour utiliser Shoelace! Cette page est destinée aux personnes qui souhaitent contribuer au projet, bricoler avec la source ou créer une version personnalisée de lacets.

Si ce n'est pas ce que vous essayez de faire, le site Web de documentation est l'endroit où vous voulez être.

Qu'utilisez-vous pour construire du lacet?

Les composants sont construits avec Linetelement, une classe de base des éléments personnalisés qui fournit une API intuitive et une liaison de données réactives. La version est un script personnalisé avec un regroupement alimenté par Esbuild.

Fournir le repo

Commencez par former le dépôt sur GitHub, puis le clonez localement et installez les dépendances.

git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm install

Développement

Une fois que vous avez cloné le dépôt, exécutez la commande suivante.

npm start

Cela fera tourner le serveur de développement. Après la construction initiale, un navigateur s'ouvrira automatiquement. Il n'y a actuellement pas de rechargement de module chaud (HMR), car le navigateur ne fournit pas de moyen de réengager les éléments personnalisés, mais la plupart des modifications de la source rechargeront automatiquement le navigateur.

Bâtiment

Pour générer une construction de production, exécutez la commande suivante.

npm run build

Création de nouveaux composants

Pour échafaudager un nouveau composant, exécutez la commande suivante, en remplaçant sl-tag-name par le nom de balise souhaité.

npm run create sl-tag-name

Cela générera un fichier source, une feuille de style et une page Docs pour vous. Lorsque vous démarrez le serveur de développement, vous trouverez le nouveau composant dans la section "Composants" de la barre latérale.

Contributif

Shoelace est un projet open source et les contributions sont encouragées! Si vous êtes intéressant de contribuer, veuillez d'abord consulter les directives de contribution.

Licence

Shoelace a été créé par Cory Laviska et est disponible en vertu des termes de la licence du MIT.

Que vous construisiez du lacet ou que vous construisiez quelque chose avec Shoelace - amusez-vous à créer! ?