Quick start

Prerequisites

Make sure to have Tailwind CSS installed in your project.

Install the package from npm

npm i tailwindcss-angular

Update the tailwind.config.js file

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

Import the component(s) you want

If you are using standalone components, import the component(s) 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 { }

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

One more thing

If you have imported some forms components, you need to install Tailwind CSS forms plugin for a seamless integration.

Install the forms plugin from npm

npm install -D @tailwindcss/forms

Update the tailwind.config.js file

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

Your support is really appreciated ⭐️

If you found this project helpful, please support it by giving a star.