@mgremy/ng-primitives

@mgremy/ng-primitives is a library built on top of Angular Primitives.

It provides styled wrappers and directives using Tailwind CSS 4.

Installation

Install the library by running this command in your project:

npm i --save-dev ng-primitives @mgremy/ng-primitives tailwindcss @tailwindcss/postcss

For the configuration of TailwindCSS, check this page.

Then in your global css file (e.g style.css) add:

@import 'tailwindcss';
@import '@mgremy/ng-primitives/theme/mgnp.css';

Usage

In your template, when you are using a primitive from ng-primitives, add the corresponding styling directive:

import { MgnpButton } from '@mgremy/ng-primitives/button';

import { Component } from '@angular/core';
import { NgpButton } from 'ng-primitives/button';

@Component({
  imports: [NgpButton, MgnpButton],
  template: `<button
    ngpButton
    mgnpButton>
    Default
  </button>`,
})
export default class MyComponent {}

Documentation

For a complete documentation : https://doc.mgremy.xyz/ng-primitives

License

This project is licensed under the Apache License 2.0.