Panel

less than 1 minute read

The panel component extends the modal dialog.

Web Component

// Return the panel properties return { type: $REST.Components.PanelTypes.Large, modalProps: { button: { text: "Show Panel" }, id: "my-wc-panel", title: "Panel Demo", onRenderBody: function(el) { // Render the body } } };
<script type="text/javascript" src="https://unpkg.com/gd-sprest-bs-wc/wc/dist/gd-sprest-bs.js"></script>
<bs-panel>
    // Return the panel properties
    return {
        type: $REST.Components.PanelTypes.Large,
        modalProps: {
            button: { text: "Show Panel" },
            id: "my-panel",
            title: "Panel Demo",
            onRenderBody: function(el) {
                // Render the body
            }
        }
    };
</bs-panel>