1.3.0 • Published 5 months ago

@illa-design/notification v1.3.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
5 months ago

Notification

The Notification component is used to notificate infomation to users.

Installation

yarn add @illa-design/notification

Import component

import { Notification } from "@illa-design/notification"

API

Notification Basic Properties

PropsDescTypeDefault
actionCustom action areaReactNode-
closableIf true, the notification is closableboolean-
onCloseCallback when close(e) => void-
afterCloseCallback when after close() => void-
titleTitle of the notificationReactNode-
contentContent of the notificationReactNode-
iconCustom iconReactNode-
closeElementCustom close buttonReactNode-
showIconIf true, show the icon of the notificationbooleantrue
durationAuto close time in msnumber3000
positionThe position of the notification"topLeft" | "topRight" | "bottomLeft" | "bottomRight"-
idThe id of the notificationstring-

Method

Notification.info(config)

Notification.success(config)

Notification.warning(config)

Notification.error(config)

Notification.normal(config)

Notification.remove(id)

Notification.clear()

Config Provider

Notification.config(options)

PropsDescTypeDefault
maxCount最大通知数量number-
getCountainer放置通知的容器() => HTMLElement() => document.body
duration通知自动关闭的时间number3000

Example

Basic usage

Notification.info({content:“ILLA Design”})

Set the notification is closable

Notification.info({
  title: "Closable",
  content: "Content",
  closable: true,
  onClose: handleClose,
  afterClose: handleAfterClose,
})

Set the duration of the notification

Notification.info({
  title: “New duration”,
  content: "Content",
  duration: 500,
})

Set clearing the notification

Notification.clear()
1.2.0

5 months ago

1.3.0

5 months ago

1.0.29

10 months ago

1.0.28

10 months ago

1.0.27

11 months ago

1.0.31

9 months ago

1.0.30

10 months ago

1.1.0

8 months ago

1.0.22

1 year ago

1.0.21

1 year ago

1.0.26

12 months ago

1.0.25

12 months ago

1.0.24

1 year ago

1.0.23

1 year ago

1.0.19

1 year ago

1.0.18

1 year ago

1.0.17

1 year ago

1.0.20

1 year ago

1.0.16

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

2 years ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.10

2 years ago

0.0.11

2 years ago

0.0.12

2 years ago

0.0.13

2 years ago

0.0.14

2 years ago

0.0.15

2 years ago

0.0.9

2 years ago

0.0.16

2 years ago

0.0.17

2 years ago

0.0.8

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago