Skip to content

Commit 103ba87

Browse files
CodyToleneCodyTolene
authored
v19.0.1 (#7)
1 parent 8a9324a commit 103ba87

File tree

4 files changed

+49
-18
lines changed

4 files changed

+49
-18
lines changed

‎README.md

Lines changed: 45 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,16 @@
11
<p align="center">
22
<a href="https://www.ProAngular.com" target="_blank">
3-
<img src="public/images/pro-angular-logo.png" />
3+
<img src="https://raw.githubusercontent.com/ProAngular/pro-form/refs/heads/main/public/images/pro-angular-logo.png" />
44
</a>
55
<h1 align="center">
66
<a href="https://www.ProAngular.com" target="_blank">Pro Angular</a>: Form Components
77
</h1>
88
</p>
99

10+
<!---------------------------------------------------------------------------->
11+
<!---------------------------------------------------------------------------->
12+
<!---------------------------------------------------------------------------->
13+
1014
[![npm](https://badgen.net/badge/icon/npm?icon=npm&label)](https://www.npmjs.com/@proangular/pro-form)
1115
[![GitHub](https://badgen.net/badge/icon/GitHub?icon=github&label)](https://github.com/ProAngular/pro-form)
1216
[![TypeScript](https://badgen.net/badge/icon/TypeScript?icon=typescript&label)](https://github.com/ProAngular/pro-form/search?l=typescript)
@@ -23,6 +27,10 @@
2327
[![GitHub Package Status](https://github.com/ProAngular/pro-form/actions/workflows/on-merge-main-deploy-gpr.yml/badge.svg)](https://github.com/ProAngular/pro-form/actions/workflows/on-merge-main-deploy-gpr.yml)
2428
[![npmjs Package Status](https://github.com/ProAngular/pro-form/actions/workflows/on-merge-main-deploy-npmjs.yml/badge.svg)](https://github.com/ProAngular/pro-form/actions/workflows/on-merge-main-deploy-npmjs.yml)
2529

30+
<!---------------------------------------------------------------------------->
31+
<!---------------------------------------------------------------------------->
32+
<!---------------------------------------------------------------------------->
33+
2634
## Index <a name="index"></a>
2735

2836
- [Preview](#preview)
@@ -156,29 +164,47 @@ application where used:
156164

157165
...
158166

159-
// or component
167+
// Or import to component
160168
@Component({
161169
...
162170
imports: [
163171
+ InputComponent,
164172
...
165173
],
166174
})
175+
176+
...
177+
178+
// Then use in template
179+
+ <form [formGroup]="formGroup">
180+
+ <pro-input [formControl]="formGroup.controls.input" />
181+
+ <pro-input-checkbox ... />
182+
+ <pro-input-datepicker ... />
183+
+ <pro-input-dropdown ... />
184+
+ <pro-input-radio ... />
185+
+ <pro-input-textarea ... />
186+
+ <pro-input-timepicker ... />
187+
+ <pro-input-toggle ... />
188+
+ ...
189+
+ </form>
167190
```
168191

192+
> ![Info][img-info] See an the example form code [here][url-example-form-code],
193+
> or a live demo [here][url-demo].
194+
169195
<p align="right">[ <a href="#index">Index</a> ]</p>
170196

171197
<!---------------------------------------------------------------------------->
172198
<!---------------------------------------------------------------------------->
173199
<!---------------------------------------------------------------------------->
174200

175-
## Compatibility <a name="usage"></a>
201+
## Compatibility <a name="compatibility"></a>
176202

177-
| Angular version | @proangular/pro-form | Status |
178-
| --------------- | -------------------- | ---------- |
179-
| v19 | v19.0.0 | Compatible |
180-
| v18 | ------ | Untested |
181-
| v17 | ------ | Untested |
203+
| Angular version | @proangular/pro-form | Install |
204+
| --------------- | -------------------- | ------------------------------- |
205+
| v19 | v19.x.x | ng add @proangular/pro-form@^19 |
206+
| v18 | ------ | Untested |
207+
| v17 | ------ | Untested |
182208

183209
<p align="right">[ <a href="#index">Index</a> ]</p>
184210

@@ -240,18 +266,23 @@ Thank you to the entire Angular team and community for such a great framework to
240266
build upon. If you have any questions, please let me know by opening an issue
241267
[here][url-new-issue].
242268

243-
| Type | Info |
244-
| :------------------------------------------------------------------------ | :------------------------------------------------------------- |
245-
| <img width="48" src=".github/images/ng-icons/email.svg" /> | [email protected] |
246-
| <img width="48" src=".github/images/simple-icons/github.svg" /> | https://github.com/sponsors/CodyTolene |
247-
| <img width="48" src=".github/images/simple-icons/buymeacoffee.svg" /> | https://www.buymeacoffee.com/codytolene |
248-
| <img width="48" src=".github/images/simple-icons/bitcoin-btc-logo.svg" /> | bc1qfx3lvspkj0q077u3gnrnxqkqwyvcku2nml86wmudy7yf2u8edmqq0a5vnt |
269+
| Type | Info |
270+
| :---------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- |
271+
| <img width="48" src="https://raw.githubusercontent.com/ProAngular/pro-form/refs/heads/main/.github/images/ng-icons/email.svg" /> | [email protected] |
272+
| <img width="48" src="https://raw.githubusercontent.com/ProAngular/pro-form/refs/heads/main/.github/images/simple-icons/github.svg" /> | https://github.com/sponsors/CodyTolene |
273+
| <img width="48" src="https://raw.githubusercontent.com/ProAngular/pro-form/refs/heads/main/.github/images/simple-icons/buymeacoffee.svg" /> | https://www.buymeacoffee.com/codytolene |
274+
| <img width="48" src="https://raw.githubusercontent.com/ProAngular/pro-form/refs/heads/main/.github/images/simple-icons/bitcoin-btc-logo.svg" /> | bc1qfx3lvspkj0q077u3gnrnxqkqwyvcku2nml86wmudy7yf2u8edmqq0a5vnt |
249275

250276
Fin. Happy programming friend!
251277

252278
Cody Tolene
253279

254280
<!-- LINKS -->
255281

282+
[img-info]:
283+
https://raw.githubusercontent.com/ProAngular/pro-form/refs/heads/main/.github/images/ng-icons/info.svg
284+
[url-demo]: https://www.ProAngular.com/demos/pro-form
285+
[url-example-form-code]:
286+
https://github.com/ProAngular/pro-form/blob/main/src/app/form/form.component.html
256287
[url-new-issue]: https://github.com/ProAngular/pro-form/issues
257288
[url-node-js]: https://nodejs.org/

‎ng-package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@
44
"lib": {
55
"entryFile": "src/app/public/public.ts"
66
},
7-
"allowedNonPeerDependencies": ["@angular/material"]
7+
"allowedNonPeerDependencies": []
88
}

‎package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@proangular/pro-form",
3-
"version": "19.0.0",
3+
"version": "19.0.1",
44
"description": "A predefined set of reactive and reusable form input components based on Angular Material.",
55
"author": "Pro Angular <[email protected]>",
66
"homepage": "https://www.proangular.com",

0 commit comments

Comments
 (0)