open-index/open-npm huggingface dataset:
npm package: @prismaui/angular
Description: This is the documentation for the npm package `@prismaui/angular`. This package provides Angular components and functionality for the Prisma UI library.
Latest version: 0.1.0-0.1.0-y.1x2.0

# @prismaui/angular

This is the documentation for the npm package `@prismaui/angular`. This package provides Angular components and functionality for the Prisma UI library.

## Installation

To install `@prismaui/angular`, you can use npm or yarn:

```bash
npm install @prismaui/angular
```

or

```bash
yarn add @prismaui/angular
```

## Usage

To use `@prismaui/angular`, follow the steps below:

1. Import the `PrmModule` from `@prismaui/angular` in your Angular module file (e.g., `app.module.ts`):

```typescript
import { NgModule } from '@angular/core';
import { PrmModule } from '@prismaui/angular';

@NgModule({
  imports: [
    // ...
    PrmModule,
    // ...
  ],
  // ...
})
export class AppModule { }
```

2. In your Angular component template (e.g., `app.component.html`), you can now use the Prisma UI components:

```html
<prm-button round="lg" variant="primary">Click Me</prm-button>
```
To add the custom color variables to your `global.css` file, follow these steps:

1. Open your `global.css` file.

2. Add the following CSS code at your `global.css` file:

```css
:root {
  /* Primary Colors */
  --primary: #1E3A8A;
  --primary-light: #4A5A99;
  --primary-dark: #0F2658;

  /* Secondary Colors */
  --secondary: #9F38B4;
  --secondary-light: #D275DF;
  --secondary-dark: #6D0E82;

  /* Success Colors */
  --success: #10B981;
  --success-light: #43D2A9;
  --success-dark: #0E7D58;

  /* Warning Colors */
  --warning: #F59E0B;
  --warning-light: #FFC94D;
  --warning-dark: #D9820E;

  /* Danger Colors */
  --danger: #EF4444;
  --danger-light: #F48080;
  --danger-dark: #BE2E2E;

  /* Info Colors */
  --info: #3B82F6;
  --info-light: #6696F6;
  --info-dark: #1D4ED8;

  /* Neutral Colors */
  --lightest: #F3F4F6;
  --lighter: #FFFFFF;
  --light: #D1D5DB;
  --dark: #1F2937;
  --darker: #6B7280;
  --darkest: #111827;
}
```

Now, the custom color variables are defined and can be used throughout your application.

## Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request on the [GitHub repository](https://github.com/prismaui/prismaui).

## License

This package is licensed under the [MIT License](https://opensource.org/licenses/MIT).