Skip to content

Latest commit

 

History

History
107 lines (82 loc) · 2.69 KB

MaterialSnackBar.md

File metadata and controls

107 lines (82 loc) · 2.69 KB
Raw

MaterialSnackBar

Snackbars show short updates about app processes at the bottom of the screen.
Currently, this control only represents the UI and guidelines proposed by Material, it doesn't provide the popup/alert behavior, you could resolve it with Rg.Plugins.Popup or with a similar implementation.
View Material Design documentation

Screenshot

Example

<material3:MaterialSnackBar
    Text="Lorem ipsum dolor sit amet"
    ActionText="Action"
    ActionCommand="{Binding ActionCommand}" />

Documentation

BackgroundColor:

This property is to set the background color of the snackbar.

ShadowColor:

This property is to set the background color of the snackbar shadow.

Property HasShadow

This property is to set if the control will have shadow or not.

Property Text:

This property is to set the text of the label.

Property TextColor:

This property is to set the color text of the label.

Property FontSize:

This property is to the font size of the label.

Property FontFamily:

This property is to the font family of the label.

Property ActionText:

This property is to set the text of the action button.

Property ActionTextColor:

This property is to set the color text of the action button.

Property ActionFontSize:

This property is to the font size of the action button.

Property ActionFontFamily:

This property is to the font family of the action button.

Property IsActionTextUnderlined:

This property is to set the underlined style to the action button.

Property ActionCommand:

This property is to the command of the action button.

Property ActionCommandParameter:

This property is to the command parameter of the action button.

Property BackgroundColor:

This property is to set the badge background color.

Property LeadingIcon:

This property is to set the leading icon with support for view, you can use PNG, JPG or JPEG.

Property TrailingIcon:

This property is to set the trailing icon with support for view, you can use PNG, JPG or JPEG.

Property CustomLeadingIcon:

This property is to set the leading icon with support to svg.

Property CustomTrailingIcon:

This property is to set the trailing icon with support to svg.

Property TrailingIconCommand:

This property is to set the trailing icon command.

Property LeadingIconCommand:

This property is to set the leading icon command.

Property IconSize:

This property is to set the sizes to the trailing and leading icons.