Hi everyone! It’s almost three years since we made the first public release of dash-bootstrap-components. I’m very excited to announce that today we made available the first beta for version 1. There’s loads of new features and quite a few changes, so we would love for people to try it out and give us feedback before we roll this out fully. Hope you like it!
The headline update is that we’re now supporting Bootstrap v5! This means dash-bootstrap-components is compatible with the latest themes and templates, and also means we get to add some exciting new components (see below). We also have new bundled themes, icons, and a bunch of new examples in the documentation.
There’s loads more detail below. You can install right now for Python with
pip install --upgrade --pre dash-bootstrap-components
Anyone looking to try out the R of Julia versions get in touch, they’re also ready to go but a bit harder to distribute pre-releases in each case.
There are some breaking changes. The following components have been removed:
ListGroupItemText. Additionally there are a number of changes to individual props. Please take a look at our migration guide for more details.
dash-bootstrap-components also now has Dash>=2 as a dependency, which in particular means we are only going to support Python 3.6+ once dbc-v1 is released.
Courtesy of Bootswatch, there are 4 new themes to choose from:
ZEPHYR. See screenshots below or check out the theme explorer to see more (I really like
Easily add Bootstrap Icons or Font Awesome icons to your app using CDN links as part of
This is a new component in Bootstrap 5. Previously something similar was possible using multiple collapse components and a complicated callback, now let the new
Accordion component do the hard work for you. Check out documentation here.
This isn’t new in Bootstrap 5, but is new to dash-bootstrap-components. A nice way to structure navigation links in your app.
New in Bootstrap 5. Add labels to input fields that float over the input when the user moves to type into it
Also new in Bootstrap 5. Allows you to create a hidden sidebar that can be toggled with callbacks to help navigation in your app.
Not new in Bootstrap 5, but new to dash-bootstrap-components. Pagination style buttons that can be used to trigger callbacks and load content from the server.
Much like the existing
Checkbox components, but renders a toggle-like switch instead.