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.