# @berlitz/alert

> Alert component for the Max Design System

Latest version **1.8.5** (published 2026-05-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @berlitz/alert
pnpm add @berlitz/alert
yarn add @berlitz/alert
bun add @berlitz/alert
```

## Health

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

Positive: no vulnerabilities.

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

## Facts

| | |
|---|---|
| Version | 1.8.5 |
| Published | 2026-05-26 |
| First published | 2019-09-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 34.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | berlitz |

## Links

- npm: https://www.npmjs.com/package/@berlitz/alert
- Homepage: https://github.com/berlitz-global/max/blob/master/components/alert/CHANGELOG.md
- npm.io page: https://npm.io/package/@berlitz/alert

## Dependencies (4)

- [@berlitz/spacer](https://npm.io/package/@berlitz/spacer.md) 2.0.9
- [@berlitz/globals](https://npm.io/package/@berlitz/globals.md) 4.9.4
- [styled-components-rtl](https://npm.io/package/styled-components-rtl.md) 5.2.0
- [@berlitz/streamline-icons](https://npm.io/package/@berlitz/streamline-icons.md) ^2.3.0

## Recent versions

- 1.8.5 (latest) — 2026-05-26
- 1.3.12-test.2 (canary) — 2022-01-24
- 1.8.4 — 2026-03-09
- 1.8.3 — 2025-06-03
- 1.8.2 — 2025-05-28
- 1.8.1 — 2025-04-23
- 1.8.0 — 2025-04-22
- 1.7.3 — 2025-04-21
- 1.7.2 — 2025-04-16
- 1.7.1 — 2025-04-16
- 1.7.0 — 2025-04-16
- 1.6.0 — 2024-03-11
- 1.5.0 — 2023-10-05
- 1.4.2 — 2023-04-19
- 1.4.1 — 2023-04-12
- … 105 more at https://npm.io/package/@berlitz/alert/versions

## README

# Alert [![npm version](https://img.shields.io/npm/v/@berlitz/alert.svg)](https://www.npmjs.com/package/@berlitz/alert)

Display an alert banner in four different categories such as danger, warning, info and success .

## Installation

```shell
yarn add @berlitz/alert
```

## Props

| Argument    | Type   | Required | Default | Notes                                                    |
| ----------- | ------ | -------- | ------- | -------------------------------------------------------- |
| heading     | string | ❌       | null    | `Take the heading text of the alert`                     |
| content     | string | ❌       | null    | `This takes the main content of the component`           |
| type        | string | ❌       | "info"  | `This prop will accept danger, warning, info or success` |
| children    | node   | ❌       | null    | `useful for adding a addition element such as button`    |
| disableIcon | bool   | NA       | false   | `removes icon from the component`                        |
| rounded     | bool   | NA       | false   | `rounds the radius and adds 1px border to component`     |

## Usage

```js
import Alert from '@berlitz/alert'
const MyAlert () => <Alert type="success" heading="Success" content="I am a success alert!" />
```

- Privacy policy banner
- Confidentiality Agreement
- Displaying a persistent, message to the user

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