MaxterDev NGX Components

🚀 Highly Flexible and Customizable Components Library for Angular

📦 Installation

Install the library using npm:

npm install @maxter-dev/ngx-components

🚀 Quick Start

Import and Use a Component

Example usage for the CheckboxComponent:

Import the component into your Angular app:

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

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [CheckboxComponent],
  template: `
    <maxterdev-checkbox 
      [checked]="isChecked" 
      [disabled]="isDisabled"
      (checkedChange)="handleCheckboxChange($event)">
    </maxterdev-checkbox>
  `
})
export class AppComponent {
  isChecked = false;
  isDisabled = false;

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

🌈 Import Global Styles

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

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

📚 Available Components

Component	Selector	Description
✅ Checkbox	`<maxterdev-checkbox>`	Customizable checkbox component
✅ Dropdown	`<maxterdev-dropdown>`	Customizable dropdown component
✅ Table	`<maxterdev-table>`	Flexible table component
✅ List	`<maxterdev-list>`	Highly configurable list component
✅ Tabs	`<maxterdev-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!

Fork the repository
Create a branch
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