0.6.19 • Published 4 days ago
@snack-uikit/drawer v0.6.19
Drawer
Installation
npm i @snack-uikit/drawer
DrawerCustom
Компонент-конструктор
Props
| name | type | default value | description |
|---|---|---|---|
| onClose* | () => void | - | Колбэк закрытия |
| open* | boolean | - | Управление состоянием показан/не показан. |
| mode | enum Mode: "regular", "soft" | - | Режим отображения |
| position | enum Position: "right", "left" | - | Расположение открытого Drawer |
| className | string | - | CSS-класс для элемента с контентом |
| rootClassName | string | - | CSS-класс для корневого элемента |
| size | string \| number | - | Размер |
| push | boolean \| PushConfig | - | Смещение при открытии "вложенного" компонента |
| container | string \| HTMLElement | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
| nestedDrawer | ReactElement<DrawerCustomProps, string \| JSXElementConstructor<any>> | - | Вложенный Drawer |
Drawer
Готовый компонент Drawer
Props
| name | type | default value | description |
|---|---|---|---|
| title* | string | - | Заголовок |
| content* | ReactNode | - | Контент |
| onClose* | () => void | - | Колбэк закрытия |
| open* | boolean | - | Управление состоянием показан/не показан. |
| mode | enum Mode: "regular", "soft" | - | Режим отображения |
| position | enum Position: "right", "left" | - | Расположение открытого Drawer |
| className | string | - | CSS-класс для элемента с контентом |
| rootClassName | string | - | CSS-класс для корневого элемента |
| container | string \| HTMLElement | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
| titleTooltip | ReactNode | - | Тултип для заголовка |
| image | { src: string; alt: string; } | - | Изображение |
| subtitle | string | - | Подзаголовок |
| size | enum Size: "s", "m", "l" | - | Размер |
| approveButton | Omit<ButtonFilledProps, "data-test-id" \| "size"> | - | Основная кнопка |
| cancelButton | Omit<ButtonOutlineProps, "data-test-id" \| "size"> | - | Кнопка отмены |
| additionalButton | Omit<ButtonSimpleProps, "data-test-id" \| "size"> | - | Дополнительная кнопка |
| nestedDrawer | ReactElement<DrawerProps, string \| JSXElementConstructor<any>> | - | Вложенный Drawer |
DrawerCustom.Header
Вспомогательный компонент для добавления "шапки" в DrawerCustom
Props
| name | type | required | default value | description |
|---|---|---|---|---|
| title | string | true | - | Заголовок |
| titleTooltip | ReactNode | false | - | Тултип для заголовка |
| subtitle | string | false | - | Подзаголовок |
| image | { src: string; alt: string; } | false | - | Изображение |
| className | string | false | - | CSS-класс |
DrawerCustom.Body
Вспомогательный компонент для добавления "тела" в DrawerCustom
Props
| name | type | required | default value | description |
|---|---|---|---|---|
| content | ReactNode | true | - | Контент |
| className | string | false | - | CSS-класс |
DrawerCustom.Footer
Вспомогательный компонент для добавления "футера" в DrawerCustom
Props
| name | type | required | default value | description |
|---|---|---|---|---|
| actions | ReactNode | true | - | Слот для добавления кнопок-действий |
| className | string | false | - | CSS-класс |
0.6.19-preview-8bb3334c.0
4 days ago
0.6.19
4 days ago
0.6.18
17 days ago
0.6.17
19 days ago
0.6.17-preview-cb79db34.0
20 days ago
0.6.17-preview-5b75040d.0
30 days ago
0.6.17-preview-08779a44.0
30 days ago
0.6.17-preview-7a18c2ee.0
30 days ago
0.6.17-preview-69abc1d3.0
1 month ago
0.6.17-preview-80576138.0
1 month ago
0.6.17-preview-0a44b2fc.0
1 month ago
0.6.17-preview-2855fb42.0
1 month ago
0.6.16
2 months ago
0.6.16-preview-ed4b1f94.0
2 months ago
0.6.15
2 months ago
0.6.15-preview-1fcf96b1.0
2 months ago
0.6.14
2 months ago
0.6.13
2 months ago
0.6.12
3 months ago
0.6.12-preview-2484f987.0
3 months ago
0.6.12-preview-84a92753.0
3 months ago
0.6.11
3 months ago
0.6.12-preview-778a0ef6.0
3 months ago
0.6.10
3 months ago
0.6.11-preview-3cdd8d31.0
3 months ago
0.6.10-preview-993a9cfb.0
3 months ago
0.6.9
3 months ago
0.6.9-preview-ff0b5a40.0
3 months ago
0.6.7
3 months ago
0.6.8
3 months ago
0.6.6
3 months ago
0.6.6-preview-3f90b7f1.0
3 months ago
0.6.5
4 months ago
0.6.4
5 months ago
0.6.3-preview-00fa1de0.0
5 months ago
0.6.3
5 months ago
0.6.2
5 months ago
0.6.1
5 months ago
0.6.0
5 months ago
0.5.1
5 months ago
0.5.0
5 months ago
0.4.6-preview-85c5f47b.0
5 months ago