lwc storybooks poc

LWC-StoryBooks-POC

LWC Storybook POC est une intégration des composants Web Lightning et du livre de contes. Il démontre comment les composants de base-RECIPES peuvent être utilisés dans un projet open-source comme StoryBook. Les composants de base implémentent le système de conception Lightning et sont développés à l'aide de composants Web Lightning.

Commencer

Exécutez le projet localement pour explorer comment les composants de base-Recipes sont utilisés dans le livre de contes.

1. Cloner le repo.

$ git clone [email protected]:reiniergs/lwc-storybooks-poc.git
$ cd lwc-storybooks-poc

2. Installez les dépendances.

$ yarn install

3. Exécutez votre construction locale. Cette étape ouvre votre navigateur Web et navigue vers http: // localhost: 6006 /.

$ yarn storybook

Lignes directrices pour le déploiement des composants de base

Pour déployer des composants de base dans votre propre projet, suivez ces directives.

Installer des dépendances

• Class Names Version 2.2.6
• Système de conception de Lightning Version 2.11.0-bêta.1
• LWC WebPack Plugin Version 0.3.0
• Version du compilateur LWC 1.0.0
• Version du moteur LWC 1.0.0

Implémenter des composants de base

• Les composants de base appartiennent au dossier src/c Clone les dossiers des composants dont vous avez besoin pour votre projet. Par exemple, clonez le dossier du badge vers src/c/badge . Vous n'avez pas besoin du fichier de configuration .js-meta.xml .
• Ajoutez un fichier CSS dans le dossier des composants, par exemple, src/c/badge/badge.css . Inclure @import "@salesforce/slds/legacy"; Dans le fichier CSS.
• Utilisez le composant de base dans votre projet avec la syntaxe <c-badge label="Default"></c-badge> .

Contributif

Merci de votre intérêt pour le livre de contes LWC POC! Voir les lignes directrices contributives à la base-components-RECIPES.