Loading

A loading message is a simple message that appears on the screen, informing the user that the app is performing an action in the background.

TypeResource
DesignFigma
MobileMobile Storybook
CodeGitlab
Loading Preview

Usage

import id.co.biofarma.binduiandroid.components.loading.Loading
Loading(
    id = "loading",
    type = "spinner",
    size = "md",
)

Examples

Type (optional)

Use type to select a loading spinner, loading dot or loading horizontal.

Loading Example Type

Size (optional)

Use size xs, sm, md, lg or xl to determine the size of the loading.

Loading Example Size

Mode (optional)

Use mode to use dark or light.

Loading Example Mode

Props

PropsRequiredDefaultTypedescription
idfalse-stringA unique identifier for the loading.
typefalsespinnerspinner , dot , horizontalThe type variant of the loading (spinner, dot , horizontal).
sizefalsemdxs, sm, md, lg, xlThe size of loading component (xs, sm, md, lg, xl).
stylefalse-ModifierCustom styles for the loading component.
BIND © Biofarma Innovate Next-level Design .