lwc storybooks poc

LWC-StoryBooks-POC

LWC Storybook POC é uma integração de componentes da Web e livro de histórias de raios. Ele demonstra como os componentes básicos-recompos podem ser usados em um projeto de código aberto como o Storybook. Os componentes básicos implementam o sistema de design de raios e são desenvolvidos usando componentes da Web Lightning.

Começando

Execute o projeto localmente para explorar como os componentes-base-recipes são usados no livro de histórias.

1. Clone o repo.

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

2. Instalar dependências.

$ yarn install

3. Execute sua construção local. Esta etapa abre o navegador da web e navega para http: // localhost: 6006/.

$ yarn storybook

Diretrizes para implantar componentes básicos

Para implantar componentes básicos em seu próprio projeto, siga estas diretrizes.

Instalar dependências

• ClassNames Versão 2.2.6
• Sistema de design de raios versão 2.11.0-beta.1
• LWC Webpack Plugin Versão 0.3.0
• LWC Compiler versão 1.0.0
• Motor LWC Versão 1.0.0

Implementar componentes básicos

• Os componentes básicos pertencem à pasta src/c . Clone as pastas de componentes necessárias para o seu projeto. Por exemplo, clone a pasta de crachá para src/c/badge . Você não precisa do arquivo de configuração .js-meta.xml .
• Adicione um arquivo CSS à pasta do componente, por exemplo, src/c/badge/badge.css . Inclua @import "@salesforce/slds/legacy"; No arquivo CSS.
• Use o componente base no seu projeto com a sintaxe <c-badge label="Default"></c-badge> .

Contribuindo

Obrigado pelo seu interesse no livro de histórias da LWC POC! Veja as diretrizes contribuintes com os componentes básicos.