Button Loading

PRO

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

Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.

Figma

The Button Loading is a button component that is used to bridge loading times and still provide feedback.

1. Reference

This component inherits props from the Button Loading.

Prop
Type
Default
type
primary
secondary
tertiary
ghost
primary
size
xs
sm
md
lg
lg

2. Type

You can edit the type with the primary, secondary, tertiary or ghost parameter.

Image 2.1 : Type primary

Image 2.2 : Type secondary

Image 2.3 : Type tertiary

Image 2.4 : Type ghost

3. Size

You can edit the size with the lg, md, sm or xs parameter.

Image 3.1 : Size lg

Image 3.2 : Size md

Image 3.3 : Size sm

Image 3.4 : Size xs

SwiftUI

The DLButtonLoading is a button component that is used to bridge loading times and still provide feedback.

1. Reference

This component inherits props from the Button Loading.

Prop
Type
Default
type
.primary
.secondary
.tertiary
.ghost
.primary
size
.xs
.sm
.md
.lg
.lg

2. Type

You can edit the type with the .primary, .secondary, .tertiary or .ghost parameter.

DLButtonLoading(
type: .primary,
size: .lg
)

DLButtonLoading(
type: .secondary,
size: .lg
)

DLButtonLoading(
type: .tertiary,
size: .lg
)

DLButtonLoading(
type: .ghost,
size: .lg
)

3. Size

You can edit the size with the .xs, .sm, .md or .lg parameter.

DLButtonLoading(
type: .primary,
size: .lg
)

DLButtonLoading(
type: .primary,
size: .md
)

DLButtonLoading(
type: .primary,
size: .sm
)

DLButtonLoading(
type: .primary,
size: .xs
)

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.

🚧

React Native

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.

🚧

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