9.5.2 • Published 8 months ago

@zendeskgarden/react-notifications v9.5.2

Weekly downloads
11,404
License
Apache-2.0
Repository
-
Last release
8 months ago

@zendeskgarden/react-notifications npm version

This package includes several varieties of notifications and wells within the Garden Design System.

Installation

npm install @zendeskgarden/react-notifications

# Peer Dependencies - Also Required
npm install react react-dom styled-components @zendeskgarden/react-theming

Usage

import { ThemeProvider } from '@zendeskgarden/react-theming';
import { Notification, Title } from '@zendeskgarden/react-notifications';

/**
 * Place a `ThemeProvider` at the root of your React application
 */
<ThemeProvider>
  <Notification>
    <Title>Example Title</Title>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit...
  </Notification>
</ThemeProvider>;

Toasts

import { ThemeProvider } from '@zendeskgarden/react-theming';
import { Button } from '@zendeskgarden/react-buttons';
import { Notification, Close, ToastProvider, useToast } from '@zendeskgarden/react-notifications';

const ToastExample = () => {
  const { addToast } = useToast();

  return (
    <Button
      onClick={() =>
        addToast(({ close }) => (
          <Notification>
            Example notification
            <Close onClick={close} aria-label="Close" />
          </Notification>
        ))
      }
    >
      Add toast
    </Button>
  );
};

<ThemeProvider>
  <ToastProvider>
    <ToastExample />
  </ToastProvider>
</ThemeProvider>;
9.5.2

8 months ago

9.5.1

9 months ago

9.5.0

9 months ago

9.4.0

10 months ago

8.76.9

10 months ago

9.3.0

10 months ago

9.2.0

10 months ago

9.1.2

11 months ago

9.1.1

11 months ago

9.1.0

11 months ago

9.0.0

12 months ago

8.76.8

12 months ago

9.0.0-next.27

1 year ago

9.0.0-next.25

1 year ago

9.0.0-next.26

1 year ago

9.0.0-next.24

1 year ago

8.76.7

1 year ago

9.0.0-next.23

1 year ago

8.76.6

1 year ago

9.0.0-next.22

1 year ago

9.0.0-next.21

1 year ago

8.76.5

1 year ago

9.0.0-next.20

1 year ago

9.0.0-next.19

1 year ago

9.0.0-next.18

1 year ago

9.0.0-next.16

1 year ago

9.0.0-next.17

1 year ago

9.0.0-next.14

1 year ago

9.0.0-next.15

1 year ago

8.76.4

1 year ago

9.0.0-next.13

1 year ago

8.76.3

1 year ago

9.0.0-next.12

1 year ago

9.0.0-next.11

1 year ago

9.0.0-next.10

1 year ago

8.76.2

1 year ago

9.0.0-next.9

1 year ago

8.76.1

1 year ago

9.0.0-next.8

1 year ago

8.76.0

1 year ago

9.0.0-next.7

1 year ago

8.75.1

1 year ago

9.0.0-next.6

2 years ago

8.75.0

2 years ago

9.0.0-next.5

2 years ago

8.74.3

2 years ago

9.0.0-next.4

2 years ago

9.0.0-next.3

2 years ago

9.0.0-next.2

2 years ago

8.74.2

2 years ago

8.74.1

2 years ago

9.0.0-next.1

2 years ago

9.0.0-next.0

2 years ago

8.74.0

2 years ago

8.73.4

2 years ago

8.69.9

2 years ago

8.69.7

2 years ago

8.69.8

2 years ago

8.69.5

2 years ago

8.69.6

2 years ago

8.72.0

2 years ago

8.73.2

2 years ago

8.73.3

2 years ago

8.73.0

2 years ago

8.73.1

2 years ago

8.69.3

2 years ago

8.69.4

2 years ago

8.69.1

2 years ago

8.69.2

2 years ago

8.70.1

2 years ago

8.70.0

2 years ago

8.71.0

2 years ago

8.69.10

2 years ago

8.69.11

2 years ago

8.68.0

2 years ago

8.69.0

2 years ago

8.67.0

2 years ago

8.64.0

2 years ago

8.65.0

2 years ago

8.66.0

2 years ago

8.57.1

3 years ago

8.57.0

3 years ago

8.53.3

3 years ago

8.53.2

3 years ago

8.53.1

3 years ago

8.53.0

3 years ago

8.49.2

4 years ago

8.49.1

4 years ago

8.60.0

3 years ago

8.58.0

3 years ago

8.54.3

3 years ago

8.54.2

3 years ago

8.54.1

3 years ago

8.54.0

3 years ago

8.50.1

3 years ago

8.50.0

3 years ago

8.61.0

3 years ago

8.59.1

3 years ago

8.59.0

3 years ago

8.55.0

3 years ago

8.51.0

3 years ago

8.62.2

3 years ago

8.62.1

3 years ago

8.62.0

3 years ago

8.49.4

3 years ago

8.49.3

3 years ago

8.56.0

3 years ago

8.52.0

3 years ago

8.63.2

3 years ago

8.63.1

3 years ago

8.63.0

3 years ago

8.49.0

4 years ago

8.45.0

4 years ago

8.46.0

4 years ago

8.47.2

4 years ago

8.47.1

4 years ago

8.47.0

4 years ago

8.48.2

4 years ago

8.48.1

4 years ago

8.48.0

4 years ago

8.44.2

4 years ago

8.44.1

4 years ago

8.44.0

4 years ago

8.43.0

4 years ago

8.42.2

4 years ago

8.42.1

4 years ago

8.42.0

4 years ago

8.41.0

4 years ago

8.40.1

4 years ago

8.40.0

4 years ago

8.39.1

4 years ago

8.39.0

4 years ago

8.38.0

4 years ago

8.36.2

4 years ago

8.37.0

4 years ago

8.37.1

4 years ago

8.36.0

4 years ago

8.36.1

4 years ago

8.35.0

5 years ago

8.34.0

5 years ago

8.33.0

5 years ago

8.32.2

5 years ago

8.32.1

5 years ago

8.32.0

5 years ago

8.31.1

5 years ago

8.31.0

5 years ago

8.30.0

5 years ago

8.29.3

5 years ago

8.29.2

5 years ago

8.29.1

5 years ago

8.29.0

5 years ago

8.28.2

5 years ago

8.28.1

5 years ago

8.28.0

5 years ago

8.27.0

5 years ago

8.26.0

5 years ago

8.25.2

5 years ago

8.25.1

5 years ago

8.25.0

5 years ago

8.24.2

5 years ago

8.24.1

5 years ago

8.24.0

5 years ago

8.23.1

5 years ago

8.23.0

5 years ago

8.22.0

5 years ago

8.21.2

5 years ago

8.21.1

5 years ago

8.21.0

5 years ago

8.20.0

5 years ago

8.19.0

5 years ago

8.18.0

5 years ago

8.17.1

5 years ago

8.17.0

5 years ago

8.16.0

5 years ago

8.15.1

5 years ago

8.15.0

5 years ago

8.14.1

5 years ago

8.14.0

5 years ago

8.13.0

5 years ago

8.12.0

5 years ago

8.11.0

5 years ago

8.10.0

5 years ago

8.9.0

5 years ago

8.8.0

5 years ago

8.7.0

5 years ago

8.6.0

5 years ago

8.5.0

5 years ago

8.4.1

6 years ago

8.4.0

6 years ago

8.3.0

6 years ago

8.2.0

6 years ago

8.1.1

6 years ago

8.0.1

6 years ago

7.1.10

6 years ago

8.0.0

6 years ago

8.0.1-next.0

6 years ago

7.1.5

6 years ago

8.0.0-next.0

6 years ago

7.1.4

6 years ago

7.1.2

6 years ago

7.0.2

6 years ago

7.0.0

6 years ago

6.7.1

6 years ago

6.5.0

6 years ago

6.4.4

6 years ago

6.3.1

6 years ago

6.2.0

6 years ago

6.1.0

6 years ago

6.0.1

6 years ago

6.0.0

6 years ago

3.3.8

6 years ago

3.3.7

6 years ago

3.3.6

6 years ago

3.3.5

6 years ago

3.3.4

6 years ago

3.3.3

7 years ago

3.3.1

7 years ago

3.3.0

7 years ago

3.2.1

7 years ago

3.2.0

7 years ago

3.1.21

7 years ago

3.1.20

7 years ago

3.1.19

7 years ago

3.1.18

7 years ago

3.1.17

7 years ago

3.1.16

7 years ago

3.1.15

7 years ago

3.1.14

7 years ago

3.1.13

7 years ago

3.1.12

7 years ago

3.1.11

7 years ago

3.1.10

7 years ago

3.1.9

7 years ago

3.1.8

7 years ago

3.1.7

7 years ago

3.1.6

7 years ago

3.1.5

7 years ago

3.1.4

7 years ago

3.1.3

7 years ago

3.1.2

7 years ago

3.1.1

7 years ago

3.1.0

7 years ago

3.0.2

7 years ago

3.0.1

7 years ago

3.0.0

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

1.0.0

7 years ago