npm.io
0.8.0-alpha.112 • Published 11 months ago

@blaze-react/alert

Licence
GPL-3.0
Version
0.8.0-alpha.112
Deps
0
Size
1.6 MB
Vulns
0
Weekly
0
SummaryDependencyVersions

Description

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Alerts may have a type, be dismissable, include a close button, and contain any sort of children components.

Usage

  • Simple
<Alert>This is a simple alert.</Alert>
  • With modifier
<Alert type="info">This is a info alert.</Alert>
  • With icon
<Alert icon="error" 
  type="warning">
  Warning alert with icon
</Alert>
  • Dismissable
<Alert close 
  type="success">
  This is a success alert that is closable.
</Alert>
  • With extra content
<Alert type="primary">
  <p>Primary alert with content.</p>
  <ol>
    <li>lorem</li>
    <li>ipsum</li>
  </ol>
</Alert>

API

Alert can receive a number of props as follow:
NAME TYPE DEFAULT OPTIONS
type string empty primary, secondary, success, warning, dark, info, light
icon string empty Material icons
close Boolean false
children single/array of nodes No content