lwc storybooks poc

LWC-STORYBOOKS-POC

LWC Storybook POC es una integración de los componentes web de Lightning y el libro de cuentos. Demuestra cómo se pueden usar los recipientes de componentes base en un proyecto de código abierto como Storybook. Los componentes base implementan el sistema de diseño de rayos y se desarrollan utilizando componentes web Lightning.

Empezando

Ejecute el proyecto localmente para explorar cómo se utiliza los recipientes de componentes base en el libro de cuentos.

1. Clon el repositorio.

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

2. Instalar dependencias.

$ yarn install

3. Ejecute su construcción local. Este paso abre su navegador web y navega a http: // localhost: 6006/.

$ yarn storybook

Directrices para la implementación de componentes base

Para implementar componentes base en su propio proyecto, siga estas pautas.

Instalar dependencias

• ClassNames versión 2.2.6
• Sistema de diseño Lightning Versión 2.11.0-beta.1
• LWC Webpack Plugin versión 0.3.0
• LWC Compilador Versión 1.0.0
• LWC Engine versión 1.0.0

Implementar componentes base

• Los componentes base pertenecen a la carpeta src/c . Clone las carpetas de componentes que necesita para su proyecto. Por ejemplo, clone la carpeta de la insignia a src/c/badge . No necesita el archivo de configuración .js-meta.xml .
• Agregue un archivo CSS a la carpeta de componentes, por ejemplo, src/c/badge/badge.css . Incluir @import "@salesforce/slds/legacy"; En el archivo CSS.
• Use el componente base en su proyecto con la sintaxis <c-badge label="Default"></c-badge> .

Que contribuye

¡Gracias por su interés en el LWC Storybook POC! Consulte las pautas que contribuyen a los componentes base.