Popover triggers

[tcbegley]

This PR adds support for different popover triggers along with some documentation. It supercedes #530

[tcbegley]

This can be tried with

pip install dash-bootstrap-components==0.11.4rc2

Here's a minimal example to try out

import dash
import dash_bootstrap_components as dbc

app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = dbc.Container(
    [
        dbc.Button("Click", id="click", className="mr-1"),
        dbc.Popover(
            [
                dbc.PopoverHeader("Header"),
                dbc.PopoverBody("This is a click popover"),
            ],
            id="click-popover",
            target="click",
            trigger="click",
        ),
        dbc.Button("Focus", id="focus", className="mr-1"),
        dbc.Popover(
            [
                dbc.PopoverHeader("Header"),
                dbc.PopoverBody("This is a focus popover"),
            ],
            id="focus-popover",
            target="focus",
            trigger="focus",
        ),
        dbc.Button("Hover", id="hover", className="mr-1"),
        dbc.Popover(
            [
                dbc.PopoverHeader("Header"),
                dbc.PopoverBody("This is a hover popover"),
            ],
            id="hover-popover",
            target="hover",
            trigger="hover",
        ),
        dbc.Button("Legacy", id="legacy", className="mr-1"),
        dbc.Popover(
            [
                dbc.PopoverHeader("Header"),
                dbc.PopoverBody("This is a legacy popover"),
            ],
            id="legacy-popover",
            target="legacy",
            trigger="legacy",
        ),
    ],
    className="p-5",
)


if __name__ == "__main__":
    app.run_server(debug=True)

@danielgccr it would be great if you could try this out and see if it adds the functionality you wanted.

[danielgccr]

Yes, I tried this example. Works as expected and, yep, that's the desired function, great! Thanks.