3.4.0 • Published 1 year ago

@hig/notifications-flyout v3.4.0

Weekly downloads
190
License
Apache-2.0
Repository
github
Last release
1 year ago

Notifications Flyout

The notifications flyout provides information and warnings that products may recover from without user involvement. It is meant to be included in the navigation bar on the top of the page.

Read more about when and how to use the Notifications Flyout on the internal wiki.

Getting started

yarn add @hig/notifications-flyout @hig/theme-context @hig/theme-data

Import the component

import NotificationsFlyout, { Notification } from "@hig/notifications-flyout";

Basic usage

<NotificationsFlyout>
  <Notification>
    <p>Your subscription expires May 5</p>
  </Notification>
</NotificationsFlyout>

Advanced usage

import NotificationsFlyout, { anchorPoints } from "@hig/notifications-flyout";
import Timestamp from "@hig/timestamp";

<NotificationsFlyout
  open
  heading="Alerts"
  indicatorTitle="View application alerts"
  anchorPoint={anchorPoints.TOP_CENTER}
  notifications={[
    {
      id: "unique-id",
      featured: true,
      unread: true,
      timestamp: <Timestamp timestamp="2018-08-20T20:24:50.333Z" />,
      content: <p>Something happened</p>
    },
    {
      content: "Hello world"
    }
  ]}
/>
@hig/behaviors@hig/flyout@hig/icon-button@hig/icons@hig/progress-ring@hig/rich-text@hig/typography@hig/utilsemotionprop-typesreact-transition-group
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395@zalastax/nolb-_hig@hig/components
3.4.0

1 year ago

3.3.0

2 years ago

3.2.0

2 years ago

3.1.1

2 years ago

3.1.0

2 years ago

3.0.0

2 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.4

2 years ago

2.1.3

3 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.1.0

3 years ago

2.0.6

4 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.1.0-alpha.4

6 years ago

0.1.0-alpha.3

6 years ago

0.1.0-alpha.2

6 years ago

0.2.0-alpha.18da9628

6 years ago

0.2.0-alpha.c84a6e41

6 years ago

0.2.0-alpha.921957c5

6 years ago

0.2.0-alpha.7a57fa8b

6 years ago

0.2.0-alpha.fbb1eed0

6 years ago

0.2.0-alpha.477bbd50

6 years ago

0.2.0-alpha.48865d3c

6 years ago

0.2.0-alpha.aedc366f

6 years ago

0.2.0-alpha.17713c8d

6 years ago

0.2.0-alpha.4ce2c078

6 years ago

0.2.0-alpha.09cf217c

6 years ago

0.2.0-alpha.66a8f744

6 years ago

0.2.0-alpha.82c749c4

6 years ago

0.2.0-alpha.48c93906

6 years ago

0.2.0-alpha.b1907560

6 years ago

0.2.0-alpha.1b7641c7

6 years ago

0.2.0-alpha.56f6a944

6 years ago

0.2.0-alpha.e610fd78

6 years ago

0.2.0-alpha.ee727b91

6 years ago

0.2.0-alpha.7d754caa

6 years ago

0.2.0-alpha.a59f6de7

6 years ago

0.2.0-alpha.616cd45d

6 years ago

0.2.0-alpha.6019ddd9

6 years ago

0.2.0-alpha.83e07673

6 years ago

0.2.0-alpha.056cb32e

6 years ago

0.2.0-alpha.81afec57

6 years ago

0.2.0-alpha.8ccba0ce

6 years ago

0.2.0-alpha.07dda526

6 years ago

0.2.0-alpha.24a8dfcc

6 years ago

0.2.0-alpha.d09c21e5

6 years ago

0.2.0-alpha.ece2f933

6 years ago

0.2.0-alpha.d4f39e69

6 years ago

0.2.0-alpha.0cfe988e

6 years ago

0.2.0-alpha.16905717

6 years ago

0.2.0-alpha.2c90eea6

6 years ago

0.2.0-alpha.ead80be1

6 years ago

0.1.1-alpha

6 years ago

0.2.0-alpha.2eb35b95

6 years ago

0.2.0-alpha.53829c48

6 years ago

0.2.0-alpha.51929e35

6 years ago

0.2.0-alpha.da8d993b

6 years ago

0.2.0-alpha.a7e48b6b

6 years ago

0.2.0-alpha.95e96891

6 years ago

0.2.0-alpha.142a1218

6 years ago

0.2.0-alpha.973a0872

6 years ago

0.1.0-alpha.8813910d

6 years ago

0.1.0-alpha.7eda8a42

6 years ago

0.1.0-alpha.91df7da2

6 years ago

0.1.0-alpha

6 years ago

0.1.0-alpha.7efcea38

6 years ago

0.1.0-alpha.b94224c6

6 years ago

0.1.0-alpha.aa9480ec

6 years ago

0.1.0-alpha.711c802c

6 years ago

0.1.0-alpha.9f5ebd81

6 years ago

0.1.0-alpha.a2391bda

6 years ago

0.1.0-alpha.d9fc498c

6 years ago

0.1.0-alpha.baeca6b5

6 years ago

0.1.0-alpha.f7f4402d

6 years ago

0.1.0-alpha.8656cb28

6 years ago

0.1.0-alpha.10c1414e

6 years ago

0.1.0-alpha.4a7e59d3

6 years ago

0.1.0-alpha.f372de37

6 years ago

0.1.0-alpha.69bb2e44

6 years ago

0.1.0-alpha.2edff3e6

6 years ago

0.1.0-alpha.b5deb0cb

6 years ago

0.1.0-alpha.de4da99d

6 years ago

0.1.0-alpha.04e0f0a0

6 years ago

0.1.0-alpha.348d1bd4

6 years ago

0.1.0-alpha.22828f03

6 years ago

0.1.0-alpha.d81fd7fa

6 years ago

0.1.0-alpha.908eccf3

6 years ago

0.1.0-alpha.235b923a

6 years ago

0.1.0-alpha.a529f134

6 years ago

0.1.0-alpha.fc17111c

6 years ago

0.1.0-alpha.22fae66d

6 years ago

0.1.0-alpha.08c3e651

6 years ago

0.1.0-alpha.1b33075a

6 years ago

0.1.0-alpha.256b7acb

6 years ago

0.1.0-alpha.7e067661

6 years ago

0.1.0-alpha.7c77b82f

6 years ago

0.1.0-alpha.18557704

6 years ago

0.1.0-alpha.e1b40010

6 years ago

0.1.0-alpha.d7d7ee5f

6 years ago

0.1.0-alpha.8dd688ca

6 years ago

0.1.0-alpha.4395edf0

6 years ago

0.1.0-alpha.0cdba2d5

6 years ago

0.1.0-alpha.6ba8ec1c

6 years ago

0.1.0-alpha.0c61e5c2

6 years ago

0.1.0-alpha.16f1fbdc

6 years ago

0.1.0-alpha.7a1c48cf

6 years ago

0.1.0-alpha.62ac882f

6 years ago

0.1.0-alpha.60d7230b

6 years ago

0.1.0-alpha.4cc6ad9e

6 years ago

0.1.0-alpha.220eff37

6 years ago

0.1.0-alpha.35b8a71d

6 years ago

0.1.0-alpha.974933cd

6 years ago

0.1.0-alpha.9fb41d04

6 years ago

0.1.0-alpha.7758d737

6 years ago

0.1.0-alpha.c2e500a7

6 years ago

0.1.0-alpha.0e6ea347

6 years ago

0.1.0-alpha.21135dbe

6 years ago

0.1.0-alpha.adf3bfb3

6 years ago

0.1.0-alpha.e9f6f0b1

6 years ago

0.1.0-alpha.011b51bc

6 years ago

0.1.0-alpha.955a974c

6 years ago

0.1.0-alpha.93754d28

6 years ago

0.1.0-alpha.d99ab10c

6 years ago

0.1.0-alpha.0106d6e0

6 years ago

0.1.0-alpha.81bd9138

6 years ago

0.1.0-alpha.6ee90932

6 years ago

0.1.0-alpha.66f8e803

6 years ago

0.1.0-alpha.994e0695

6 years ago

0.1.0-alpha.da753b8e

6 years ago

0.1.0-alpha.a36b4d24

6 years ago

0.1.0-alpha.4e42c3c5

6 years ago

0.1.0-alpha.618b44da

6 years ago

0.1.0-alpha.7048aa65

6 years ago

0.1.0-alpha.1bf93ec7

6 years ago

0.1.0-alpha.77ba8c5f

6 years ago

0.1.0-alpha.eaa5bffd

6 years ago

0.1.0-alpha.3a290a30

6 years ago

0.1.0-alpha.902ee5a9

6 years ago

0.1.0-alpha.6634b7d5

6 years ago

0.1.0-alpha.1427107d

6 years ago

0.1.0-alpha.52c6ed06

6 years ago

0.1.0-alpha.29696ead

6 years ago

0.1.0-alpha.639f7ea3

6 years ago

0.1.0-alpha.f90430f7

6 years ago

0.1.0-alpha.72e0baa7

6 years ago