@almoamendev/ngx-md3 0.0.8 → 0.0.10

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
@@ -1,63 +1,49 @@
1
- # NgxMd3
2
-
3
- This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
4
-
5
- ## Code scaffolding
6
-
7
- Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
8
-
9
- ```bash
10
- ng generate component component-name
11
- ```
12
-
13
- For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
14
-
15
- ```bash
16
- ng generate --help
17
- ```
18
-
19
- ## Building
20
-
21
- To build the library, run:
22
-
23
- ```bash
24
- ng build ngx-md3
25
- ```
26
-
27
- This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
28
-
29
- ### Publishing the Library
30
-
31
- Once the project is built, you can publish your library by following these steps:
32
-
33
- 1. Navigate to the `dist` directory:
34
- ```bash
35
- cd dist/ngx-md3
36
- ```
37
-
38
- 2. Run the `npm publish` command to publish your library to the npm registry:
39
- ```bash
40
- npm publish
41
- ```
42
-
43
- ## Running unit tests
44
-
45
- To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
46
-
47
- ```bash
48
- ng test
49
- ```
50
-
51
- ## Running end-to-end tests
52
-
53
- For end-to-end (e2e) testing, run:
54
-
55
- ```bash
56
- ng e2e
57
- ```
58
-
59
- Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
60
-
61
- ## Additional Resources
62
-
63
- For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
1
+ # ngx-md3
2
+
3
+ A standalone, signals-first Angular component library that follows the Material Design 3 spec closely — not a reskin of Material 2, and not a wrapper around Angular Material.
4
+
5
+ **Docs & live component gallery: https://almoamendev.github.io/ngx-md3/**
6
+
7
+ ## Why ngx-md3
8
+
9
+ - **Material Design 3** — color, shape, elevation, and motion tokens taken straight from the MD3 spec.
10
+ - **Signals-first** standalone components built on Angular Signals, with `model()` for real two-way bindings where they matter.
11
+ - **Accessible by default** — correct ARIA roles, states, and keyboard behavior are built into every component, not bolted on afterward.
12
+ - **Plays well with forms** — every input-like component works with Angular Reactive Forms out of the box.
13
+ - **Fully themeable** swap the entire palette by overriding CSS custom properties, no rebuild required.
14
+ - **Tree-shakeable** — every component is a standalone import; pull in a button without dragging along the rest of the library.
15
+
16
+ ## Install
17
+
18
+ ```bash
19
+ npm install @almoamendev/ngx-md3
20
+ ```
21
+
22
+ ## Quick start
23
+
24
+ ```ts
25
+ import { Component } from '@angular/core';
26
+ import { Button } from '@almoamendev/ngx-md3';
27
+
28
+ @Component({
29
+ selector: 'app-example',
30
+ imports: [Button],
31
+ template: `
32
+ <button md3-button button-type="filled">
33
+ Get started
34
+ </button>
35
+ `,
36
+ })
37
+ export class ExampleComponent {}
38
+ ```
39
+
40
+ Browse the full component catalogue, API references, and live playgrounds at **https://almoamendev.github.io/ngx-md3/**.
41
+
42
+ ## Links
43
+
44
+ - Docs & component gallery: https://almoamendev.github.io/ngx-md3/
45
+ - Source & issues: https://github.com/almoamendev/ngx-md3
46
+
47
+ ## License
48
+
49
+ MIT © Hussain Almomen — see [LICENSE](https://github.com/almoamendev/ngx-md3/blob/main/LICENSE).