My Angular Components

A CLI tool to quickly add reusable Angular components to your project.

Installation

npm install -g dga-styles-3p

Or use it directly with npx:

npx dga-styles-3p init

Usage

Initialize Components

Run the following command from the root of your Angular project:

my-lib init

Or with npx:

npx dga-styles-3p init

This will prompt you to select which components you want to add to your project.

Options

• -c, --components - Comma-separated list of components to add (default: all)
• -d, --directory - Target directory for components (default: ./src/app/shared/components)

Example:

npx dga-styles-3p init -c button,card -d ./src/app/ui/components

Available Components

• Button - A customizable button component with different styles, sizes, and states
• Card - A versatile card component for displaying content in a contained format
• Modal - A modal/dialog component for displaying content that requires user attention

Using the Components in Your Angular Project

After adding components to your project, you can import and use them in your Angular modules:

// In your module or standalone component imports
import { ButtonComponent } from './shared/components/button/button.component';

// In your component template

License

MIT