-
Notifications
You must be signed in to change notification settings - Fork 2
/
Panel2.js
38 lines (35 loc) · 966 Bytes
/
Panel2.js
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
35
36
37
38
import React from "react";
import Panel from "@vkontakte/vkui/dist/components/Panel/Panel";
import PanelHeader from "@vkontakte/vkui/dist/components/PanelHeader/PanelHeader";
import Button from "@vkontakte/vkui/dist/components/Button/Button";
import Group from "@vkontakte/vkui/dist/components/Group/Group";
import Div from "@vkontakte/vkui/dist/components/Div/Div";
const Panel2 = ({ id, navigator }) => (
<Panel id={id}>
<PanelHeader>
Панель 2
</PanelHeader>
<Group title="Параметры">
<Div>
{JSON.stringify(navigator.params)}
</Div>
</Group>
<Group>
<Div style={{ display: "grid", gridRowGap: "10px" }}>
<Button
size="xl"
onClick={() => navigator.showModal("modal1")}
>
Показать модальное окно
</Button>
<Button
size="xl"
onClick={() => navigator.goBack()}
>
Вернуться
</Button>
</Div>
</Group>
</Panel>
);
export default Panel2;