Skip to content

Latest commit

 

History

History
116 lines (97 loc) · 2.29 KB

MaterialCustomControl.md

File metadata and controls

116 lines (97 loc) · 2.29 KB

MaterialCustomControl

This control provides a simple way to create custom controls with labels and support text that follow the Material Design Guidelines.

Screenshot

Example

<material3:MaterialCustomControl
    AnimateError="True"
    SupportingText="{Binding AssistiveText}"
    LabelText="Value">
    <material3:MaterialCustomControl.CustomControl>
        <Slider />
    </material3:MaterialCustomControl.CustomControl>
</material3:MaterialCustomControl>

Documentation


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 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.