Alert

Alerts draw the attention of users to important information.

Examples

This is an alert.

This is a primary alert.

This is a secondary alert.

This is a success alert.

This is a warning alert.

This is a danger alert.

This is a small alert.

This is a large alert.

This is a gradient alert.

This is a solid alert.

This is a rounded alert.

import React from 'react';
import ReactDOM from 'react-dom';
import { Alert } from 'furl-components';

ReactDOM.render(
    <Alert color='primary' size='large' shape='rounded' fill='solid'>
      This is an alert.
    </Alert>, 
  document.getElementById('root')
);

API

Alert props
Property	Description	Type	Default
color	alert color	string	'plain'
size	alert size	string	'flat'
fill	fill style	string	'normal'
shape	alert shape	string	'normal'

Notes

color can be any of the predefined color palettes ('plain', 'primary', 'secondary', 'success', 'warning' or 'danger').
size can be one of the following: 'small', 'normal' or 'large'.
fill can be one of the following: 'flat', 'gradient' or 'solid'.
shape can be either 'normal' or 'rounded'.