1.3.0 • Published 2 years ago

@illa-design/alert v1.3.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 years ago

Alert

The Alert component is used to show the user the alert messages with alert dialog.

Installation

yarn add @illa-design/alert

Import component

import { Alert } from "@illa-design/alert"

API

Alert Basic Properties

PropsDescTypeDefault
actionCustom the action areaReactNode-
closableIf true, the alert is closableboolean-
onCloseWhen close the alert(e) => void-
afterCloseWhen after close the alert() => void-
typeThe type of the alert"info" | "success" | "warning" | "error""info"
titleThe title of the alertReactNode-
contentThe content of the alertReactNode-
iconThe icon of the alertReactNode-
closeElementCustom the close buttonReactNode-
showIconIf true, show the icon of the alertbooleantrue
bannerIf true, the alert is banner stylebooleanfalse

Example

Basic usage

<Alert title="Alert Title" content="Alert Content" />

Set the close button

<Alert
  closable
  onClose={onCloseEvent}
  afterClose={afterCloseEvent}
  closeElement={<LoadingIcon/>}
/>

Set the alert type as error

<Alert type="error" />
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

2 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