angular-tailwind-components 1.1.2 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ A comprehensive Angular component library built entirely with **Tailwind CSS v4*
|
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
|
-
- 🎨 **
|
|
7
|
+
- 🎨 **35 components** — Buttons, Inputs, Modals, Tables, DatePickers, and more
|
|
8
8
|
- 🎯 **Pure Tailwind CSS** — No Angular Material, Ng-Zorro, or other UI frameworks
|
|
9
9
|
- ⚡ **Angular 21** — Signals, standalone components, modern control flow
|
|
10
10
|
- 📝 **ControlValueAccessor** — Full reactive forms integration for all form components
|
|
@@ -41,20 +41,22 @@ Or define your own theme tokens following the design system schema.
|
|
|
41
41
|
|
|
42
42
|
```typescript
|
|
43
43
|
import { Component } from '@angular/core';
|
|
44
|
-
import { TailwindButton, TailwindInput, TailwindToggle } from 'angular-tailwind-components';
|
|
44
|
+
import { TailwindButton, TailwindInput, TailwindTextarea, TailwindToggle } from 'angular-tailwind-components';
|
|
45
45
|
|
|
46
46
|
@Component({
|
|
47
47
|
selector: 'app-example',
|
|
48
48
|
standalone: true,
|
|
49
|
-
imports: [TailwindButton, TailwindInput, TailwindToggle],
|
|
49
|
+
imports: [TailwindButton, TailwindInput, TailwindTextarea, TailwindToggle],
|
|
50
50
|
template: `
|
|
51
51
|
<tailwind-input label="Email" placeholder="you@example.com" [(value)]="email" />
|
|
52
|
+
<tailwind-textarea label="Notes" placeholder="Optional notes" [(value)]="notes" />
|
|
52
53
|
<tailwind-toggle label="Notifications" [(checked)]="notifications" />
|
|
53
54
|
<tailwind-button variant="primary" (onClick)="submit()">Submit</tailwind-button>
|
|
54
55
|
`
|
|
55
56
|
})
|
|
56
57
|
export class ExampleComponent {
|
|
57
58
|
email = '';
|
|
59
|
+
notes = '';
|
|
58
60
|
notifications = true;
|
|
59
61
|
submit() {
|
|
60
62
|
/* ... */
|
|
@@ -71,6 +73,9 @@ Some components (for example `tailwind-card`, `tailwind-modal`, `tailwind-toolba
|
|
|
71
73
|
### Form Controls (with ControlValueAccessor)
|
|
72
74
|
|
|
73
75
|
- **Input** (`tailwind-input`): Text, email, password, number, search
|
|
76
|
+
- **Textarea** (`tailwind-textarea`): Multi-line text with resize modes and rows/cols
|
|
77
|
+
- **Upload** (`tailwind-upload`): File picker as button or drop zone; value as base64 data URL for forms, `filesSelected` for raw files
|
|
78
|
+
- **Input OTP** (`tailwind-input-otp`): Multi-digit OTP / PIN with paste and keyboard navigation
|
|
74
79
|
- **Checkbox** (`tailwind-checkbox`): Single checkbox with label
|
|
75
80
|
- **Radio Group** (`tailwind-radio-group`): Radio button group with options
|
|
76
81
|
- **Select** (`tailwind-select`): Native select with custom styling
|