# @blaze-react/alert

> 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.

Latest version **0.8.0-alpha.112** (published 2025-10-01) · GPL-3.0 license · 0 weekly downloads

## Install

```sh
npm install @blaze-react/alert
pnpm add @blaze-react/alert
yarn add @blaze-react/alert
bun add @blaze-react/alert
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.8.0-alpha.112 |
| Published | 2025-10-01 |
| First published | 2019-06-20 |
| Weekly downloads | 0 |
| License | GPL-3.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | byte9 |
| Maintainers | marekb9, mcabrerapf, daoyong, grzegorzi, ishrat, andypail, tanane |

## Links

- npm: https://www.npmjs.com/package/@blaze-react/alert
- npm.io page: https://npm.io/package/@blaze-react/alert

## Recent versions

- 0.8.0-alpha.112 (latest) — 2025-10-01
- 0.8.0-alpha.117 (alpha) — 2026-03-11
- 0.8.0-alpha.115 — 2026-02-23
- 0.8.0-alpha.114 — 2026-01-08
- 0.8.0-alpha.66 — 2023-10-04
- 0.8.0-alpha.64 — 2023-09-14
- 0.8.0-alpha.60 — 2021-11-30
- 0.8.0-alpha.59 — 2021-11-29
- 0.8.0-alpha.58 — 2021-11-29
- 0.8.0-alpha.56 — 2021-11-29
- 0.8.0-alpha.55 — 2021-11-29
- 0.8.0-alpha.53 — 2021-11-29
- 0.8.0-alpha.52 — 2021-11-29
- 0.8.0-alpha.46 — 2021-10-06
- 0.8.0-alpha.45 — 2021-10-06
- … 93 more at https://npm.io/package/@blaze-react/alert/versions

## README

## 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

```js
<Alert>This is a simple alert.</Alert>
```

* With modifier

```js
<Alert type="info">This is a info alert.</Alert>
```
* With icon

```js
<Alert icon="error" 
  type="warning">
  Warning alert with icon
</Alert>
```

* Dismissable

```js
<Alert close 
  type="success">
  This is a success alert that is closable.
</Alert>
```

* With extra content

```js
<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 |

---
_Source: https://npm.io/package/@blaze-react/alert · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._