MaterialCodeEntry

Code fields let users enter and edit pin codes.

Screenshot

Example

<material3:MaterialCodeEntry
    LabelText="Code*" 
    Length="6" 
    Keyboard="Numeric" 
    Text="{Binding Code}" />

Documentation

Property Padding:

This property is to set the padding. By default use 12, 0

Property IsEnabled:

This property is to enable or disable the code entry.

Property FieldHeightRequest:

This property is to the field height. by default is 40

Property Keyboard:

This property is to the keyboard type.

Property KeyboardFlags:

This property is to the keyboard flags.

Property TextTransform:

This property is to set the text transforms

Property ReturnType:

This property is to set the return type.

Property BackgroundColor:

This property is to set the background color.

Property Length:

This property is to set the code length.

Property FieldWidthRequest:

This property is to set the field width.

Property TextColor:

This property is to set the text color.

Property FocusedTextColor:

This property is to set the focused text color.

Property DisabledTextColor:

This property is to set the disabled text color.

Property FontSize:

This property is to set the font size.

Property FieldWidthRequest:

This property is to set the field width.

Property FontFamily:

This property is to set the font family.

Property CornerRadius:

This property is to set the corner radious.

Property BorderColor:

This property is to set the border color.

Property FocusedBorderColor:

This property is to set the focused border color.

Property DisabledBorderColor:

This property is to set the disabled border color.

Property FocusedBackgroundColor:

This property is to set the focuised background color.

Property DisabledBackgroundColor:

This property is to set the disabled background color.

Property LabelText:

This property is to set the label.

Property LabelTextColor:

This property is to set the label color.

Property DisabledLabelTextColor:

This property is to set the disabled label color.

Property LabelSize:

This property is to set the label size.

Property LabelFontFamily:

This property is to set the label font family.

Property LabelMargin:

This property is to set the label margin family. By default uses (16,0,16,0).

Property LabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

• NoWrap,
• WordWrap,
• CharacterWrap,
• HeadTruncation,
• TailTruncation,
• MiddleTruncation
  

Property SecondaryLabelText:

This property is to set the label.

Property SecondaryLabelTextColor:

This property is to set the label color.

Property SecondaryDisabledLabelTextColor:

This property is to set the disabled label color.

Property SecondaryLabelSize:

This property is to set the label size.

Property SecondaryLabelFontFamily:

This property is to set the label font family.

Property SecondaryLabelMargin:

This property is to set the label margin family. By default uses (16,0,16,0).

Property SecondaryLabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

• NoWrap,
• WordWrap,
• CharacterWrap,
• HeadTruncation,
• TailTruncation,
• MiddleTruncation
  

Property SupportingText:

This property is to set the supporting text.

Property SupportingTextColor:

This property is to set the supporting text color.

Property SupportingSize:

This property is to set the supporting text size.

Property SupportingFontFamily:

This property is to set the supporting text font family.

Property SupportingMargin:

This property is to set the supporting text margin. By default uses (16,4,16,0).

Property SupportingLineBreakMode:

This property is to set the Supporting LineBreakMode.

Allowed values

• NoWrap,
• WordWrap,
• CharacterWrap,
• HeadTruncation,
• TailTruncation,
• MiddleTruncation
  

Property HorizontalTextAlignment:

This property is to set the horizontal text alignment.

Allowed Values:

• Start
• Center
• End
  

Property AnimateError:

This property is to set if you can show a ShakeAnimation when there is a error with control. If the user doesn't rate.