Notification
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Notification component is used to communicate news in an app or to give direct feedback.
1. Reference
This component inherits props from the Notification.
2. Type
You can edit the type with the error, success, warning or info parameter.
Image 2.1 : Type error
Image 2.2 : Type info
Image 2.3 : Type warning
Image 2.4 : Type success
3. Close
You can edit the close with the true or false parameter.
Image 3.1 : Close true
Image 3.2 : Close false
SwiftUI
The DLNotification component is used to communicate news in an app or to give direct feedback.
1. Reference
This component inherits props from the Notification.
-
-
-
-
2. Type
You can edit the type with the .error, .success, .warning or .info parameter.
title: "Notification",
description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type: .error
)
DLNotification(
title: "Notification",
description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type: .success
)
DLNotification(
title: "Notification",
description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type: .warning
)
DLNotification(
title: "Notification",
description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type: .info
)
3. Close
You can edit the close with the .true or .false parameter.
title: "Notification",
description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type: .info,
close: .true
)
Jetpack Compose
The Notification component is used to communicate news in an app or to give direct feedback.
1. Reference
This component inherits props from the Notification.
-
-
-
-
2. Type
You can edit the type with the NotificationType.error, NotificationType.success, NotificationType.warning or NotificationType.info parameter.
title = "Notification",
description = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type = NotificationType.error,
close = false,
action = {}
)
Notification(
title = "Notification",
description = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type = NotificationType.success,
close = false,
action = {}
)
Notification(
title = "Notification",
description = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type = NotificationType.warning,
close = false,
action = {}
)
Notification(
title = "Notification",
description = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type = NotificationType.info,
close = false,
action = {}
)
3. Close
You can edit the close with the .true or .false parameter.
title = "Notification",
description = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
type = NotificationType.info,
action = {}
)
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?
You want to try?
Save time and money?