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
Attribute | Type | Accepted values | Description | Default |
---|---|---|---|---|
closable | boolean | true false | Closable alert | false |
message | string | Text | Require text for show in the alert | - |
shadow | boolean | true false | Show shadow in the element | false |
sizeIcon | number | Number | Size of the icon in Alert | 18 |
type | AlertType | AlertType | Type alert change color | warning |
withIcon | boolean | true false | Show icon in the start | true |
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!
DiscordGithubContributing:
PR's on @redshank/native are always welcome, please see our contribution guidelines to learn how you can contribute to this project.