sgc-ui-password
TypeScript icon, indicating that this package has built-in type declarations

0.0.7 • Public • Published

SgcUiPassword

Custom SGC Password/Secret UI Components based on Angular and Material.


Data model

TFieldFormPasswordDataDefault is the default constructor for all password field component.

export const TFieldFormPasswordDataDefault: TFieldFormEditData = {
  ...TFieldFormTextDataDefault,
  hidePassword: true,
  hidePasswordSymbol: TypeHidePasswordSymbol.DOT,
  typeFieldForm: TypeFieldFormEdit.TEXTE_SECRET
}

Password UI Component

1. Component SgcUiPasswordComponent inherit BaseFieldFormEditUI

2. Selector

<sgc-ui-password></sgc-ui-password>

4. Example

//--- Declare and Init TFieldFormPasswordData variable
class AppComponent implements OnInit {
  mysecret1!: TFieldFormEditData;

ngOnInit() {
    this.mysecret1={...TFieldFormPasswordDataDefault, name:'password1', label: 'Mon champ Password 1', disabled:false, showLabel:true, hidePassword:true};
  }
    <!-- HTML -->
    <sgc-ui-password [(data)]="mysecret1"></sgc-ui-password>

Package Sidebar

Install

npm i sgc-ui-password

Weekly Downloads

1

Version

0.0.7

License

none

Unpacked Size

41.6 kB

Total Files

16

Last publish

Collaborators

  • csaadong