angular-tailwind-storybook
v0.3.16
Published
[![Netlify Status](https://api.netlify.com/api/v1/badges/2964dd0a-3a3b-41c4-8860-2bec3e7ce7e5/deploy-status)](https://app.netlify.com/sites/angular-tailwind-storybook/deploys)
Downloads
7
Readme
A starter template for Angular, Tailwind, and Storybook
Visit the components in live storybook here.
Follow the steps to create components and pages
Create new Component
- Use this command to generate new component
ng g c components/<component-name>
Create new Page
- Use this command to generate new page
ng g c pages/<page-name>
To add SVG to DOM
- Put your svg icons in
src/assets/svg
and thennpm run generate-icons
. - This will generate an
svg
folder inapp
and give you its bindings in typescript. - Read @ngneat/svg-icon for more details.
How this template was created
- Create the minimal angular project using CLI
ng new <project-name> --minimal
, agree to add@angular/router
andcd <project-name>
- Initialize Tailwind using ngneat
npx ng add @ngneat/tailwind
and enable JIT. - Now initialize storybook using
npx sb@next init
This project was generated with Angular CLI version 12.0.1.
Development server
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Code scaffolding
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Build
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.