Material Components

Material Components are modular, meaning developers can pick and choose specific UI elements (such as buttons, cards, text fields) based on their application's requirements. This modularity enhances flexibility and allows for easy integration into existing projects.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 2.0.0
  •  API 21, Android 5.0 Lollipop
  •  29 Blocks Available

Material Snackbar

The Material Snackbar component displays a brief message at the bottom of the screen, often with an optional action. It disappears automatically after a timeout.

Overview

The Material Snackbar is a visible component that displays a short, auto-dismissing message, often used for notifications or confirmations.

Events

Image Description
Events

ButtonClick

  • Event triggered when the action button on the Snackbar is clicked.

    • Image Description
    Events

    OnDismiss

  • Event triggered when the Snackbar is dismissed (either by timeout or user action).

    • Image Description
    Events

    OnShown

  • Event triggered when the Snackbar is shown.

    • Methods

    Image Description
    Methods

    ShowWithButton

  • Shows the snackbar with a button.

    • # Name Type(s) Default Value
    1 buttonText String
    2 text String
    Image Description
    Methods

    ShowText

  • Shows the snackbar.

    • # Name Type(s) Default Value
    1 text String
    Image Description
    Methods

    IsShowing

  • Specifies whether the snackbar is showing.

    • Image Description
    Methods

    Dismiss

  • Dismisses the snackbar.

    • Properties

    Image Description
    Image Description
    Properties

    BackgroundColor

  • Specifies the background color of the Snackbar.


  • Specifies the background color of the Snackbar.

    • # Name Type(s) Default Value
    1 BackgroundColor Color
    Image Description
    Image Description
    Properties

    AnimationMode

  • Specifies the animation mode of the Snackbar.


  • Specifies the animation mode of the Snackbar.

    • # Name Type(s) Default Value
    1 AnimationMode number 0
    2 AnimationMode number 0
    Image Description
    Image Description
    Properties

    ButtonTextColor

  • Specifies the button text color of the Snackbar.


  • Specifies the button text color of the Snackbar.

    • # Name Type(s) Default Value
    1 ButtonTextColor Color
    2 ButtonTextColor Color
    Image Description
    Image Description
    Properties

    Duration

  • Specifies the duration the Snackbar is shown.


  • Specifies the duration the Snackbar is shown.

    • # Name Type(s) Default Value
    1 Duration Integer 0
    2 Duration Integer 0
    Image Description
    Image Description
    Properties

    TextColor

  • Specifies the text color of the Snackbar.


  • Specifies the text color of the Snackbar.

    • # Name Type(s) Default Value
    1 TextColor Color
    2 TextColor Color