1.3.0 • Published 2 years ago

@illa-design/drawer v1.3.0

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

Drawer

The Drawer component are panels that slide out from the edge of the screen.

Installation

yarn add @illa-design/drawer

Import component

import { Drawer } from "@illa-design/drawer"

API

Drawer Basic Properties

PropsDescTypeDefault
titleTitle of drawerReactNode-
footerCustom Button Confirm and Cancel Buttonsboolea-
okTextText on confirm buttonstring-
cancelTextText on cancel buttonstring-
placementPlacement of drawerDrawerPlacement"right"
widthWidth of drawerstring | number250
heightHeight of drawerstring | number250
maskwhether to show the maskbooleantrue
visiblewhether to show popupboolean-
closableWhether to display the close button in the upper right cornerbooleantrue
maskClosableWhether the mask can be closedbooleantrue
confirmLoadingWhether the confirm button is in the loading stateboolean-
getPopupContainerGet popup container() => Element() => document.body

Drawer Events

PropsDescTypeDefault
onCancelCallback for closing the popup() => void-
onOkCallback for confirm button click(e?: MouseEvent) => void-
afterOpenCallback after drawer is opened() => void-
afterCloseCallback after drawer is closed() => void-

Examples

Basic properties

<Drawer visible={true} title={"Drawer title"} />

Set the placement as left

<Drawer visible={true} placement={"left"} />
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