Snackbar

PRO

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

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

Figma

The Snackbar component is used to provide direct feedback on an action.

1. Reference

This component inherits props from the Snackbar.

Prop
Type
Default
type
information
error
success
warning
information

2. Type

You can edit the type with the success, warning, information and error parameter.

Image 2.1 : State success

Image 2.2 : State warning

Image 2.3 : State information

Image 2.4 : State error

SwiftUI

The DLSnackbar component is used to provide direct feedback on an action.

1. Reference

This component inherits props from the Snackbar.

Prop
Type
Default
type
.info
.error
.success
.warning
.info
label
"text"

-

2. Type

You can edit the type with the .info, .error, .success or .warning parameter.

Label
Label
Label
Label
DLSnackbar(
label: "Label",
type: .error
)

DLSnackbar(
label: "Label",
type: .success
)

DLSnackbar(
label: "Label",
type: .warning
)

DLSnackbar(
label: "Label"
type: .info
)

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