2.2.13 • Published 1 year ago
@nature-ui/drawer v2.2.13
Drawer
The Drawer component is a panel that slides out from the edge of the screen. It can be useful when you need users to complete a task or view some details without leaving the current page.
Installation
yarn add @nature-ui/drawer
Import component
import { Drawer, DrawerContent, DrawerOverlay } from '@nature-ui/drawer';
Usage
<>
<button onClick={() => setOpen(!open)}>Open</button>
<Drawer placement='right' isOpen={open} onClose={() => setOpen(false)}>
<DrawerOverlay>
<DrawerContent>
<div>This is the drawer content</div>
<button>This is a button</button>
</DrawerContent>
</DrawerOverlay>
</Drawer>
</>
0.0.0-dev-20230409201910
1 year ago
0.0.0-dev-20230301120121
1 year ago
2.2.1
1 year ago
2.2.0
1 year ago
0.0.0-dev-20230410131720
1 year ago
2.2.13
1 year ago
2.2.11
1 year ago
2.2.12
1 year ago
0.0.0-dev-20230410162901
1 year ago
0.0.1
1 year ago
0.0.0
1 year ago
0.0.0-dev-20230409203337
1 year ago
0.0.0-dev-20230409203113
1 year ago
0.0.0-dev-20230411071731
1 year ago
0.0.0-dev-20230301133840
1 year ago
0.0.0-dev-20221217102739
1 year ago
0.0.0-dev-20221225195604
1 year ago
0.0.0-dev-20221225100930
1 year ago
0.0.0-dev-20221217095502
1 year ago
0.0.0-dev-20221218114655
1 year ago
2.0.3-alpha.0
2 years ago
0.0.0-dev-20221025095017
2 years ago
2.0.2
2 years ago
0.0.0-dev-20221025084126
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.2.0
3 years ago
0.1.1-alpha.6
3 years ago
0.1.1-alpha.4
3 years ago
0.1.1-alpha.3
3 years ago
0.1.1-alpha.2
3 years ago
0.1.1-alpha.1
3 years ago
0.1.1-alpha.0
3 years ago