MaxterDev Logo

MaxterDev NGX Components

🚀 Highly Flexible and Customizable Components Library for Angular

---

📦 Installation

Install the library using npm:

``

bash

npm install @maxter-dev/ngx-components





---



🚀 Quick Start

$3

Example usage for the

CheckboxComponent

:



1. Import the component into your Angular app:

typescript

import { Component } from '@angular/core';

import { CheckboxComponent } from '@maxter-dev/ngx-components';



@Component({

  selector: 'app-root',

  standalone: true,

  imports: [CheckboxComponent],

  template:

[checked]="isChecked"
[disabled]="isDisabled"
(checkedChange)="handleCheckboxChange($event)">



})

export class AppComponent {

  isChecked = false;

  isDisabled = false;



  handleCheckboxChange(value: boolean) {

    console.log('Checkbox changed:', value);

    this.isChecked = value;

  }

}





---



$3

To include the library's global styles (like buttons, typography, etc.), add the following to your

styles.scss

scss

@import '@maxter-dev/ngx-components/assets/styles/main.scss';





---



📚 Available Components

| Component | Selector | Description |

| --------- | -------- | ----------- |

| ✅ Checkbox |

 | Customizable checkbox component |

| ✅ Dropdown |

 | Customizable dropdown component |

| ✅ Table |

 | Flexible table component |

| ✅ List |

 | Highly configurable list component |

| ✅ Tabs |

` | Multi-tab navigation component |

---

🛠️ Customization

All components support extensive customization via:
- Inputs → Change behavior and data dynamically
- Outputs → Handle events and state changes
- Styling → Fully customizable with SCSS variables

---

🏆 Why Use MaxterDev NGX Components?

✅ Fully compatible with Angular 18+
✅ Clean and modern API
✅ Lightweight and tree-shakable
✅ Modular architecture
✅ Open-source and actively maintained

---

📥 Contributing

We welcome contributions!
1. Fork the repository
2. Create a branch
3. Submit a pull request

---

🔗 Links

- NPM Package: @maxter-dev/ngx-components
- GitHub: https://github.com/MaxterDev/ngx-components

---

⚖️ License

Licensed under the MIT License.

---

✨ Developed with ❤️ by MaxterDev

📦 Installation

bash
npm install @maxter-dev/ngx-components

---

🚀 Quick Start

$3

Example usage for the

:

1. Import the component into your Angular app:

typescript
import { Component } from '@angular/core';
import { CheckboxComponent } from '@maxter-dev/ngx-components';

@Component({
selector: 'app-root',
standalone: true,
imports: [CheckboxComponent],
template:

[checked]="isChecked"
[disabled]="isDisabled"
(checkedChange)="handleCheckboxChange($event)">

})
export class AppComponent {
isChecked = false;
isDisabled = false;

handleCheckboxChange(value: boolean) {
console.log('Checkbox changed:', value);
this.isChecked = value;
}
}

---

$3

To include the library's global styles (like buttons, typography, etc.), add the following to your

styles.scss

scss
@import '@maxter-dev/ngx-components/assets/styles/main.scss';

---

📚 Available Components

| Component | Selector | Description |
| --------- | -------- | ----------- |
| ✅ Checkbox |

 | Customizable checkbox component |

| ✅ Dropdown |

 | Customizable dropdown component |

| ✅ Table |

 | Flexible table component |

| ✅ List |

 | Highly configurable list component |

| ✅ Tabs |