UNPKG

@ebay/ui-core-react

Version:

Skin components build off React

github.com/eBay/evo-web

eBay/evo-web

34 lines (27 loc) • 2.76 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# DialogBase ## DialogBase Usage ```jsx <DialogBase open a11yCloseText="Close Dialog Base" onCloseBtnClick={handleCloseBtnClick}> <h1>Hello World</h1> </DialogBase> ``` ## Attributes | Name | Type | Stateful | Required | Description | | ------------------ | --------------------------- | -------- | -------- | -------------------------------------------------------------------------------------------- | | `baseEl` | String | No | No | 'div', 'span', 'aside' | | `open` | Boolean | Yes | No | Whether drawer is open. | | `classPrefix` | 'drawer', 'toast', 'dialog' | No | No | "" (default) / modifies the base prefix for all classes in the component | | `windowClass` | String | No | No | "" (default) / modifies the base prefix for all Skin classes in the component | | `header` | String | No | No | element placeholder | | `footer` | String | No | No | element placeholder | | `isModal` | Boolean | No | No | Whether drawer is model. | | `top` | --- | --- | --- | --- | | `buttonPosition` | String | --- | --- | top or right or bottom or left | | `a11yCloseText` | String | No | No\* | A11y text for close button and mask. Required only when close button exists. | | `animated` | Boolean | Yes | No | Renders the dialog with an animation. Note that the dialog will always be present in the DOM | | `closeButtonClass` | String | No | No | Sets custom className on a close button element | ## Events | Event | Data | Description | | ------------------- | ---- | ----------- | | `onCloseBtnClick` | --- | --- | | `onBackgroundClick` | --- | --- |