Loading Dots

PRO

You can edit 8 Components for free. Get premium for unlimited access.

A component to represent a charge state.

Figma

The Loading Dots component is used to display the loading status within other components. For example, the loading dots can be used for the button.

1. Reference

This component inherits props from the Loading Dots.

Prop
Type
Default
state
1
2
1
mode
light
dark
dark

2. State

You can edit the state with the 1 or 2 parameter.

Image 2.1 : State 1

Image 2.2 : State 2

3. Mode

You can edit the mode with the dark or light parameter.

Image 3.1 : Mode dark

Image 3.2 : Mode light

Jetpack Compose

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

Preview

DlLoadingDots()
Copy

Usage

Add this code example to your project to see how the component works.

DlLoadingDots(
    stepDuration: Duration(milliseconds: 180),
)
Copy

API Reference

DlLoadingDots displays a 3-dot bouncing loading indicator where each dot animates upward in sequence and loops continuously.

Prop
Type
Default
stepDuration
Duration
Duration(milliseconds: 300)

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version