Skip to content

Navigation Menu

Sign in
Sign up

Repository files navigation

Angular Dev Utils

Modern Angular component library with standalone components and Tailwind CSS.

CI npm version License: MIT

Installation

npm install @hopesf/angular-dev-utils

That's it! No authentication or tokens required.

Quick Start

Import components directly in your standalone components:

import { Component } from "@angular/core";
import { ButtonComponent, CardComponent, InputComponent } from "angular-dev-utils";
@Component({
 selector: "app-example",
 standalone: true,
 imports: [ButtonComponent, CardComponent, InputComponent],
 template: `
 <adu-card>
 <adu-input label="Name" [(ngModel)]="name"></adu-input>
 <adu-button variant="primary" (clicked)="submit()">Submit</adu-button>
 </adu-card>
 `,
})
export class ExampleComponent {
 name = "";
 submit() {
 console.log("Name:", this.name);
 }
}

Components

  • Button - Customizable button with variants and loading states
  • Input - Form-ready input with validation
  • Card - Container with header/footer sections
  • Modal - Dialog with service and component modes
  • Table - Data table with sorting and pagination
  • Spinner - Loading indicator with overlay option

License

MIT

About

Modern Angular component library with standalone components and Tailwind CSS.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

AltStyle によって変換されたページ (->オリジナル) /