Popover

less than 1 minute read

References

TypeScript

import { Components } from "gd-sprest-bs";

// Create the popover
let el = document.querySelector("#popover");
let popover = Components.Popover({
    el: el,
    isDismissible: true,
    btnProps: {
        text: "Popover Demo"
    },
    options: {
        container: "body",
        content: "This is the popover content.",
        title: "My Popover",
        trigger: "hover"
    }
});

React

import * as React from "react";
import { Popover } from "gd-sprest-bsx";

export class IDemo extends React.Component {
    // Render the component
    render() {
        return (
            <Popover
                isDismissible={true}
                btnProps=
                options=
            />
        );
    }
}

VueJS

<template>
    <Popover isDismissible="true" v-bind:btnProps="btnProps" v-bind:options="options" />
</template>

<script>
import { Popover } from "gd-sprest-bs-vue";
export default {
    components: { Popover },
    data() {
        return {
            btnProps: {
                text: "Popover Demo"
            },
            options: {
                container: "body",
                content: "This is the popover content.",
                title: "My Popover",
                trigger: "hover"
            }
        };
    }
}
</script>

Code Playground