webcomponents/packages/website/docs/_samples/fiori/IllustratedMessage/WithDialog/sample.html at 21e5fbb486a144084f3f0a02952730e2e68a9479 · UI5/webcomponents · GitHub

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
<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample</title>
</head>

<body style="background-color: var(--sapBackgroundColor); height: 450px;">
    <!-- playground-fold-end -->

    <ui5-button id="openDialogButton">Open Dialog</ui5-button>
    <ui5-dialog id="hello-dialog" header-text="Error">
        <ui5-illustrated-message name="UnableToLoad" design="Dialog"></ui5-illustrated-message>
        <ui5-bar design="Footer" slot="footer">
            <ui5-button id="closeDialogButton" design="Emphasized" slot="endContent">Close</ui5-button>
        </ui5-bar>
    </ui5-dialog>
    <!-- playground-fold -->
    <script type="module" src="main.js"></script>
</body>

</html>
<!-- playground-fold-end -->