https://github.com/shhdharmen/reusable-material-form
It is possible to create custom form field controls that can be used inside <mat-form-field>. This can be useful if you need to create a component that shares a lot of common behavior with a form field, but adds some additional logic. For example in this guide I have created an address form and hook it up to work with <mat-form-field>.
https://github.com/shhdharmen/reusable-material-form
angular angular-forms angular-material angular-material-forms css html mat-cards mat-form-field typescript
Last synced: about 2 months ago
JSON representation
It is possible to create custom form field controls that can be used inside <mat-form-field>. This can be useful if you need to create a component that shares a lot of common behavior with a form field, but adds some additional logic. For example in this guide I have created an address form and hook it up to work with <mat-form-field>.
- Host: GitHub
- URL: https://github.com/shhdharmen/reusable-material-form
- Owner: shhdharmen
- Created: 2023-04-05T10:07:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-04T10:53:24.000Z (almost 2 years ago)
- Last Synced: 2025-02-10T14:53:30.719Z (4 months ago)
- Topics: angular, angular-forms, angular-material, angular-material-forms, css, html, mat-cards, mat-form-field, typescript
- Language: TypeScript
- Homepage:
- Size: 185 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Creating a custom form field control group using Angular Material
It is possible to create custom form field controls that can be used inside ``. This can be useful if you need to create a component that shares a lot of common behavior with a form field, but adds some additional logic.
For example in this guide I have created an address form and hook it up to work with ``.
```html
Shipping Information
Submit
```
The code for `` is present at [src\app\shared\address-form](https://github.com/shhdharmen/reusable-material-form/tree/main/src/app/shared/address-form).