MauricioAires / angular-storybook

Projeto desenvolvido com o intuito de utilizar/configurar o storybook no framework angular

Home Page:https://www.chromatic.com/library?appId=62ce09de13f8b77320c8ea1c

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

angular-storybook

Tecnologias   |    Projeto   |    Layout   |    Como executar   |    Licença


✨ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

💻 Projeto

Com o objetivo de praticar a configuração do storybook junto com o angular (configurar biblioteca no angular é sempre mais desafiador do que no react kkk) decidi seguir um pouco da metodologia do Atomic Design e quebra um componente de Price Package para utilizar as principais features do storybook como:

  • argTypes
  • componentWrapperDecorator
  • moduleMetadata

Alem de adicionar github action para fazer o deploy automatico na chromatic

Segue abaixo o link do deploy na Chromatic:

Chromatic: https://www.chromatic.com/library/angular-storybook

Storybook Chromatic: https://www.chromatic.com/library/angular-storybook#storybook

🔖 Layout

Layout do projeto

angular-storybook

🚀 Como executar

  • Clone o repositório
  • Instale as dependências com yarn
  • Inicie o servidor com yarn start
  • Inicie o storybook com yarn storybook

Agora você pode acessar localhost:4200 do seu navegador.

📄 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

Projeto desenvolvido com o intuito de utilizar/configurar o storybook no framework angular

https://www.chromatic.com/library?appId=62ce09de13f8b77320c8ea1c

License:MIT License


Languages

Language:TypeScript 73.1%Language:CSS 15.9%Language:HTML 6.0%Language:JavaScript 5.0%