Toast

v.5.0.0

Installation

yarn
pnpm
npm

yarn add @mercell/toast-react

pnpm add @mercell/toast-react

npm install --save @mercell/toast-react

The Toast has necessary peerDependencies, please make sure that you have them in your project

"@mercell/tailwind": "^6.0.1",
"classnames": "^2.3.1",
"react": "^17.0.2" 

Usage

Using the Toast component is as simple as importing it like this.

import { Toast } from '@mercell/toast-react';

Live Editor

// You can play with code, with HTML tags and text as much as you want!
    render(
        <div className='toast-example'> {/*only for docs usage */}
            <Toast className="z-50">This is a toast</Toast>
        </>
    )

// You can play with code, with HTML tags and text as much as you want!
    render(
        <div className='toast-example'> {/*only for docs usage */}
            <Toast className="z-50">This is a toast</Toast>
        </>
    )

Result

Types, definitions, etc.

Types
Changelog
Figma

ToastProps

interface ToastProps {
    isInteractive: boolean;
} & JSX.IntrinsicElements['div']

Name	Type	Default	Required	Description
isInteractive	boolean	-	no	Setting accessibility role for toast - 'alert' if true, 'status' if false

Toast

Installation​

The Toast has necessary peerDependencies, please make sure that you have them in your project

Usage​

Types, definitions, etc.​

Change Log - @mercell/toast-react

5.0.0​

Breaking changes​

4.0.0​

Breaking changes​

3.0.6​

Patches​

3.0.5​

Patches​

3.0.4​

Patches​

3.0.3​

Patches​

3.0.2​

Patches​

3.0.1​

Patches​

3.0.0​

Breaking changes​

2.0.5​

Patches​

2.0.4​

Patches​

2.0.3​

Patches​

2.0.2​

Patches​

2.0.1​

Patches​

2.0.0​

Breaking changes​

1.0.7​

Patches​

1.0.6​

Patches​

1.0.5​

Patches​

1.0.4​

Patches​

1.0.3​

Patches​

1.0.2​

Patches​

1.0.1​

Patches​

1.0.0​

Breaking changes​

Installation

Usage

Types, definitions, etc.

5.0.0

Breaking changes

4.0.0

Breaking changes

3.0.6

Patches

3.0.5

Patches

3.0.4

Patches

3.0.3

Patches

3.0.2

Patches

3.0.1

Patches

3.0.0

Breaking changes

2.0.5

Patches

2.0.4

Patches

2.0.3

Patches

2.0.2

Patches

2.0.1

Patches

2.0.0

Breaking changes

1.0.7

Patches

1.0.6

Patches

1.0.5

Patches

1.0.4

Patches

1.0.3

Patches

1.0.2

Patches

1.0.1

Patches

1.0.0

Breaking changes