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 Sheet

The Material Sheet component presents a bottom sheet dialog, adhering to Material Design principles, for displaying additional content or options.

Overview

The Material Sheet component displays a modal bottom sheet dialog that slides up from the bottom of the screen, allowing you to present additional content and actions in a visually appealing and consistent manner.

Events

Image Description
Events

Canceled

  • Event triggered when the material sheet is canceled.

    • Image Description
    Events

    Dismissed

  • Event triggered when the material sheet is dismissed.

    • Image Description
    Events

    Opened

  • Event triggered when the material sheet is opened.

    • Methods

    Image Description
    Methods

    AddLayout

  • Adds a layout to the material sheet.

    • # Name Type(s) Default Value
    1 layout Layout
    Image Description
    Methods

    HideDialog

  • Hides the material sheet dialog.

    • Image Description
    Methods

    ShowDialog

  • Shows the material sheet dialog.

    • Image Description
    Methods

    isShowing

  • Checks if the material sheet dialog is currently showing.

    • Properties

    Image Description
    Image Description
    Properties

    BackgroundColor

  • Specifies the background color of the material sheet.


  • Specifies the background color of the material sheet.

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

    CancelOnOutsideTouch

  • Specifies whether touching outside the material sheet cancels it.


  • Specifies whether touching outside the material sheet cancels it.

    • # Name Type(s) Default Value
    1 CancelOnOutsideTouch boolean
    2 CancelOnOutsideTouch boolean False
    Image Description
    Image Description
    Properties

    Cancelable

  • Specifies whether the material sheet is cancelable.


  • Specifies whether the material sheet is cancelable.

    • # Name Type(s) Default Value
    1 Cancelable boolean
    2 Cancelable boolean True
    Image Description
    Image Description
    Properties

    CornerRadiusLeft

  • Specifies the corner radius on the left.


  • Specifies the corner radius on the left.

    • # Name Type(s) Default Value
    1 CornerRadiusLeft Dimension
    2 CornerRadiusLeft Dimension 10
    Image Description
    Image Description
    Properties

    CornerRadiusRight

  • Specifies the corner radius on the right.


  • Specifies the corner radius on the right.

    • # Name Type(s) Default Value
    1 CornerRadiusRight Dimension
    2 CornerRadiusRight Dimension 10
    Image Description
    Image Description
    Properties

    DismissWithAnimation

  • Specifies whether the material sheet dismisses with an animation.


  • Specifies whether the material sheet dismisses with an animation.

    • # Name Type(s) Default Value
    1 DismissWithAnimation boolean
    2 DismissWithAnimation boolean True