1.3.0 • Published 2 years ago

@illa-design/notification v1.3.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 years 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

2 years ago

1.3.0

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.31

2 years ago

1.0.30

2 years ago

1.1.0

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.20

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.9

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.8

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago