ngxtw

Resources

• Roadmap
• Live demo
• Components docs

Quick start

0. Prerequisites

Install Tailwind CSS in your Angular project.

1. Install NGxTW package

Using npm

npm install ngxtw

Using yarn

yarn add ngxtw

2. Modify tailwind.config.js

module.exports = {
  ...
  content: [
    ...
    // add the line bellow
    "./node_modules/ngxtw/**/*.{html,ts}"
  ]

3. Import NGxTW components

If you are using standalone components, import our components in your *.component.ts file

@Component({
  standalone: true,
  imports: [
    ...
    // Some components
    ButtonComponent,
    DropdownComponent,
    BadgeComponent,
  ],
  ...
})
export class DemoComponent {
  ...
}

If you are using NgModule based components, import our components in your *.module.ts file

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    // Some components
    ModalDialogModule,
    ComboboxModule,
    TypographyModule
  ],
  bootstrap: [DemoAppComponent]
})
export class DemoAppModule { }

🎉Congratulations! You are all set 🚀

What's next ? Visit our website for more details on components.

NOTE

If you imported our forms components, install Tailwind CSS forms plugin.

Install the forms plugin from npm

npm install -D @tailwindcss/forms

Modify tailwind.config.js

module.exports = {
  ...
  plugins: [
    // add the line bellow
    require('@tailwindcss/forms')
  ]
}

Give a star ⭐️

Feel free to give a star to this library if you like it.