lwc storybooks poc

LWC-STORYBOOKS-POC

LWC Storybook Poc adalah integrasi komponen web Lightning dan Storybook. Ini menunjukkan bagaimana pemasangan-komponen dapat digunakan dalam proyek open-source seperti Storybook. Komponen dasar mengimplementasikan sistem desain petir dan dikembangkan menggunakan komponen web Lightning.

Memulai

Jalankan proyek secara lokal untuk mengeksplorasi bagaimana pemasangan komponen dasar digunakan dalam buku cerita.

1. Kloning repo.

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

2. Instal dependensi.

$ yarn install

3. Jalankan bangunan lokal Anda. Langkah ini membuka browser web Anda dan menavigasi ke http: // localhost: 6006/.

$ yarn storybook

Pedoman untuk Menyebarkan Komponen Basis

Untuk menggunakan komponen dasar dalam proyek Anda sendiri, ikuti panduan ini.

Instal dependensi

• ClassNames Versi 2.2.6
• Sistem Desain Petir Versi 2.11.0-Beta.1
• LWC Webpack Plugin Versi 0.3.0
• LWC Compiler Versi 1.0.0
• LWC Engine Versi 1.0.0

Menerapkan komponen dasar

• Komponen dasar milik folder src/c . Kloning folder komponen yang Anda butuhkan untuk proyek Anda. Misalnya, klon folder lencana ke src/c/badge . Anda tidak memerlukan file konfigurasi .js-meta.xml .
• Tambahkan file CSS ke folder komponen, misalnya, src/c/badge/badge.css . Sertakan @import "@salesforce/slds/legacy"; dalam file CSS.
• Gunakan komponen dasar dalam proyek Anda dengan sintaks <c-badge label="Default"></c-badge> .

Berkontribusi

Terima kasih atas minat Anda pada buku cerita LWC POC! Lihat Komponen-Basis-Kasponen Pedoman yang Berkontribusi.