6.3.7 • Published 30 days ago

@highlight-ui/toast v6.3.7

Weekly downloads
-
License
MIT
Repository
-
Last release
30 days ago

npm personio.design storybook.personio.design

@highlight-ui/toast

Using npm:

npm install @highlight-ui/toast

Using yarn:

yarn add @highlight-ui/toast

Using pnpm:

pnpm install @highlight-ui/toast

In your (S)CSS file:

@import url('@highlight-ui/toast');

Once the package is installed, you can import the library:

import { toaster, ToastProps } from '@highlight-ui/toast';

Usage

import React from 'react';
import { toaster } from '@highlight-ui/toast';
import { Button } from '@highlight-ui/button';

export default function ToastExample() {
  return (
    <Button
      onClick={() => {
        toaster.notify({
          ...restArgs,
          variant,
          children: `I am a toast`,
        });
      }}
    >
      Open toast
    </Button>
  );
}

Props 📜

PropTypeRequiredDefaultDescription
childrenReact.ReactNodeYesThe content of the toast
classNamestringNoAllows providing a custom class name
actionsReact.ReactNodeNoA fragment with buttons that will be rendered at the bottom of the toast
autoClosebooleanNotrueSpecify whether the toast should auto close after the duration time ends
durationnumberNo5000Duration in milliseconds that the toast remains visible
idstringNoThe ID of the toast
isVisiblebooleanNotrueSpecify whether the toast is visible
onClose() => voidNoA callback when the toast is closed
onOpen() => voidNoA callback when the toast is open
onRequestToClose() => voidNoA callback when the user request the toast to be closed
onRequestToRemove() => voidNoA callback when the user request the toast to be removed
showCloseButtonbooleanNotrueSpecify whether the close button should be rendered
variant"highlight", "success", "warning", "critical"NohighlightDefines which variant of the Toast to render

Contributing 🖌️

Please visit personio.design for usage guidelines and visual examples.

If you're interested in contributing, please visit our contribution page.

@highlight-ui/button@highlight-ui/icon@highlight-ui/typography@highlight-ui/utils-commons@highlight-ui/utils-portal-manager
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395@zalastax/nolb-_hig
6.3.6

1 month ago

6.3.7

30 days ago

6.3.5

2 months ago

6.3.4

3 months ago

6.3.3

5 months ago

6.2.20

7 months ago

6.1.0

10 months ago

6.2.17

7 months ago

6.2.18

7 months ago

6.2.15

8 months ago

6.2.16

8 months ago

6.2.19

7 months ago

6.2.10

9 months ago

6.2.13

8 months ago

6.2.14

8 months ago

6.2.11

9 months ago

6.2.12

8 months ago

6.2.5

9 months ago

6.2.4

10 months ago

6.2.7

9 months ago

6.2.6

9 months ago

6.2.9

9 months ago

6.2.8

9 months ago

6.2.1

10 months ago

6.2.0

10 months ago

6.2.3

10 months ago

6.2.2

10 months ago

6.3.0-r18.1

8 months ago

6.0.11

10 months ago

6.3.0-r18.0

8 months ago

6.0.10

10 months ago

6.3.0

7 months ago

6.3.2

7 months ago

6.3.1

7 months ago

6.0.7

10 months ago

6.0.6

10 months ago

6.0.9

10 months ago

6.0.8

10 months ago

6.0.5

10 months ago

5.3.19

12 months ago

5.3.18

12 months ago

5.3.17

12 months ago

5.3.16

12 months ago

6.0.1

11 months ago

6.0.0

11 months ago

6.0.3

11 months ago

6.0.2

11 months ago

6.0.4

11 months ago

5.3.15

1 year ago

5.3.14

1 year ago

5.3.13

1 year ago

5.3.12

1 year ago

5.3.11

1 year ago

5.3.10

1 year ago

5.3.9

1 year ago

5.3.8

1 year ago

5.3.7

1 year ago

5.3.6

1 year ago

5.3.5

1 year ago

5.3.3

1 year ago

5.3.2

1 year ago

5.3.1

1 year ago

5.3.0

1 year ago

5.2.19

1 year ago

5.2.18

1 year ago

5.2.17

1 year ago

5.2.16

1 year ago

5.2.15

1 year ago

5.2.14

1 year ago

5.2.13

1 year ago

5.2.12

1 year ago

5.2.11

1 year ago

5.2.10

1 year ago

5.2.9

1 year ago

5.2.8

1 year ago

5.2.7

1 year ago

5.2.6

1 year ago

5.2.5

1 year ago

5.2.4

1 year ago

5.2.3

1 year ago

5.2.2

1 year ago

5.2.1

1 year ago

5.2.0

1 year ago

5.1.26

1 year ago

5.2.20

1 year ago

5.3.4

1 year ago

5.1.24

2 years ago

5.1.22

2 years ago

5.1.21

2 years ago

5.1.20

2 years ago

5.1.19

2 years ago

5.1.18

2 years ago

5.1.17

2 years ago

5.1.16

2 years ago

5.1.15

2 years ago

5.1.14

2 years ago

5.1.13

2 years ago

5.1.5

2 years ago

5.1.4

2 years ago

5.1.3

2 years ago

5.1.2

2 years ago

5.1.1

2 years ago

5.1.0

2 years ago

5.0.0-alpha.1

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

5.1.12

2 years ago

5.1.11

2 years ago

5.1.10

2 years ago

5.1.9

2 years ago

5.1.8

2 years ago

5.1.6

2 years ago

5.0.0-alpha.0

2 years ago

4.0.5

2 years ago

4.0.4

2 years ago

4.0.3

2 years ago

4.0.1

2 years ago

4.0.0

2 years ago

4.0.2

2 years ago

3.0.27

2 years ago

3.0.28

2 years ago

3.0.25

2 years ago

3.0.26

2 years ago

3.0.29

2 years ago

3.0.23

3 years ago

3.0.24

3 years ago

3.0.21

3 years ago

3.0.22

3 years ago

3.0.20

3 years ago

3.0.19

3 years ago

3.0.18

3 years ago

3.0.16

3 years ago

3.0.17

3 years ago

3.0.15

3 years ago

3.0.14

3 years ago

3.0.13

3 years ago

3.0.12

3 years ago

3.0.11

3 years ago

3.0.10

3 years ago

3.0.8

3 years ago

3.0.7

3 years ago

3.0.9

3 years ago

3.0.6

3 years ago

3.0.5

3 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago