Sections
Components
- Alert banner
- Alert dialog
- Alert
- Avatar
- Badge
- Breadcrumb
- Button
- Calendar icon
- Cell layout
- Cell link
- Checkbox
- Collapse
- Control label
- Date picker
- Dialog
- Divider
- Drawer
- Empty cell
- Empty state
- Empty
- Error overlay
- Filter bar
- Filter chips
- Flex
- Grid layout
- Humanised date
- Icon
- Duration input
- Input field
- Input
- Label
- Loader
- More actions
- Number input
- Outside click
- Page loader
- Page
- Popconfirm
- Popover
- Progress pie
- Progress
- Radio button group
- Radio Group
- Radio
- Relative time
- Resizable
- Search input
- Select
- Skeleton text
- Skeleton
- Space
- Squad avatar list
- Status picker
- Stepper
- Switch
- Content switcher
- Table light
- Tabs
- Tag
- Text
- Textarea
- Toast
- Tooltip
- Trigger select
- Upload
<rl-alert variant="info" title="Connected">Widget handshake succeeded.</rl-alert>Examples#
Error#
<rl-alert variant="error" title="Failed">Could not save the record.</rl-alert>Success#
<rl-alert variant="success" title="Saved">Changes are live.</rl-alert>API#
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "info" | "success" | "warning" | "error" | "default" | Intent. |
title | string | — | Heading of the alert. |
dismissible | boolean | false | Shows a close action. |