Alert
You can edit 8 Components for free. Get premium for unlimited access.
Displays a callout for user attention.
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
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 = {}
)
Preview
Preview
Code
DLAlert(
type: DLAlertType.error,
title: 'Error',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
showClose: false,
)Usage
Add this code example to your project to see how the component works.
DLAlert(
type: DLAlertType.error,
title: 'Headline',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
showClose: false,
)Examples
Error
Preview
Code
DLAlert(
type: DLAlertType.error,
title: 'Error',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
showClose: false,
)Success
Preview
Code
DLAlert(
type: DLAlertType.success,
title: 'Success',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
showClose: false,
)Warning
Preview
Code
DLAlert(
type: DLAlertType.warning,
title: 'Warning',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
showClose: false,
)Information
Preview
Code
DLAlert(
type: DLAlertType.info,
title: 'Notification',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
showClose: false,
)With close-icon
Preview
Code
DLAlert(
type: DLAlertType.error,
title: 'Notification',
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
)Discover more content
You have questions or need help?
You want to try?
Save time and money?