Alert
A simple popup message to convey any important information to the users.
Import
import { Alert, AlertDescription } from "@sparrowengg/twigs-react";Usage
<Alert status="info">
<AlertDescription>
Password should have a minimum length of 6.
</AlertDescription>
</Alert>Examples
Different status with variable sizes
Props
Alert
| Prop | Type | Default |
|---|---|---|
status? | 'success' 'error' 'warning' 'info' | info |
size? | 'sm' 'md' | sm |
closable? | boolean | false |
icon? | JSX Element | - |
css? | object | - |
Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers. Perfect for providing contextual help and additional information.
Toast
A succinct message that is displayed temporarily. Perfect for notifications, confirmations, and feedback with automatic dismissal, swipe gestures, and comprehensive accessibility features.