Alert

Use it to display themed messages to the user (info, errors, warnings, and success messages).

Usage

import { Alert } from '@binarycapsule/ui-capsules';

All

Adipiscing Malesuada InceptosEtiam porta sem malesuada magna mollis euismod.
Adipiscing Malesuada InceptosEtiam porta sem malesuada magna mollis euismod.
Adipiscing Malesuada InceptosEtiam porta sem malesuada magna mollis euismod.
Adipiscing Malesuada InceptosEtiam porta sem malesuada magna mollis euismod.

Demo

View source on GitHub
This is the titleThis is the message body!

Knobs 🎛

info
<Alert
  message="This is the message body!"
  title="This is the title"
  variant="info"
/>

Props

NameDescription
variant
"info" | "success" | "warning" | "error"(Default: "info")
Changes the appearance of the Message.
title
string(Default: undefined)
The title of the Alert.
message
string(Default: undefined)
The message of the Alert.
onRequestClose
function(Default: undefined)
Function to be called when closing the Alert.
actions
Action[](Default: undefined)
An array of actions. These actions will be rendered in order at the bottom of the Alert, as link buttons.