Default Image

Alert

Alert component for feedback.

import { Alert } from '@redshank/native';

When To Use

  • When you need to show alert messages to users.
  • When you need a persistent static container which is closable by user actions.

Examples

Alert

Default Alert element.

With Shadow

With shadow Alert element.

Closable

With shadow Alert element.

APIs

Input

Api props extends from View

AttributeTypeAccepted valuesDescriptionDefault
closablebooleantrue falseClosable alertfalse
messagestringTextRequire text for show in the alert-
shadowbooleantrue falseShow shadow in the elementfalse
sizeIconnumberNumberSize of the icon in Alert18
typeAlertTypeAlertTypeType alert change colorwarning
withIconbooleantrue falseShow icon in the starttrue

AlertType

type AlertType = 'success' | 'warning' | 'error' | 'info';

Community:

We're excited to see the community adopt @redshank/native, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

DiscordGithub

Contributing:

PR's on @redshank/native are always welcome, please see our contribution guidelines to learn how you can contribute to this project.

Copyright © 2023 @redshank.