Tailwind CSS components for Angular. Super easy to use and customize.
APACHE-2.0 License
Install Tailwind CSS in your Angular project.
Using npm
npm install ngxtw
Using yarn
yarn add ngxtw
module.exports = {
...
content: [
...
// add the line bellow
"./node_modules/ngxtw/**/*.{html,ts}"
]
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.
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')
]
}
Feel free to give a star to this library if you like it.