# @react-spectre/toast

> React components for Spectre.css's toast.

Latest version **1.0.0-16** (published 2018-01-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install @react-spectre/toast
pnpm add @react-spectre/toast
yarn add @react-spectre/toast
bun add @react-spectre/toast
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0-16 |
| Published | 2018-01-13 |
| First published | 2018-01-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 65 |
| Author | Rubens Mariuzzo |
| Maintainers | rmariuzzo |

## Links

- npm: https://www.npmjs.com/package/@react-spectre/toast
- Repository: https://github.com/react-spectre/react-spectre/tree/master/packages/toast
- npm.io page: https://npm.io/package/@react-spectre/toast

## Dependencies (2)

- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0

## Recent versions

- 1.0.0-16 (latest) — 2018-01-13

## README

<div align=center>
<img src="assets/react-spectre-logo.png" width="256" height="256">

# `@react-spectre/toast`

React components for Spectre.css's toast

<br><br><br>

</div>

## Installation

```shell
yarn add @react-spectre/toast
```

```shell
npm install @react-spectre/toast --save
```

<br><br><br>

## Usage

```js
import { Toast } from '@react-spectre/toast'
```

### Variants

There are multiples avialable variants that can be passed as props:

1. primary

```jsx
<Toast primary>This is a primary toast</Toast>
```

2. success

```jsx
<Toast success>This is a success toast</Toast>
```

3. warning

```jsx
<Toast warning>This is a success toast</Toast>
```

4. error

```jsx
<Toast error>This is a success toast</Toast>
```

<div align=center>
<br><br><br>

Made with :heart: by [Rubens Mariuzzo](https://github.com/rmariuzzo).

[MIT License](LICENSE)

</div>

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