How to change the width of the Popover body to more than 300px about dash-bootstrap-components

[tcbegley]

Hi @sylvoslee

Bootstrap CSS sets the max-width of a popover to 276px in the popover class. If you want something wider you should override this. If using a local copy of Bootstrap CSS, just edit that file. Alternatively, if you are using the Bootstrap CDN, create a local CSS file with something like the following chunk in it, and place it in a folder called "assets" at the same level as your app

.popover {
    max-width: 400px;
}

Passing style argument to modify max-width doesn't work because the reactstrap Popover component creates two div elements, and the style arguments get passed to the inner one. Perhaps we can find a way to fix this in future, but for now we're focussing on adding components and setting up some documentation.

[sylvoslee]

thank you