Include flickity carousel in Dash

Dash Python
1

Hi,

I’m looking for a carousel component and tried to simply include the JS and CSS and then use the corresponding classes and data attribute, like so:

import dash
import dash_html_components as html

external_scripts = ["https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"]
external_stylesheets = ["https://unpkg.com/flickity@2/dist/flickity.min.css"]

app = dash.Dash(__name__, external_stylesheets=external_stylesheets, external_scripts=external_scripts)

app.layout = html.Div(
    children=[
        html.H1(children="Carousel in Dash"),
        html.Div(
            className="carousel", 
            **{'data-flickity': '{ "wrapAround": true }'},
            children=[
                html.Div(className="carousel-cell", children="1"),
                html.Div(className="carousel-cell", children="2"),           
                html.Div(className="carousel-cell", children="3")            
            ]
        )
    ]
)

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

But it seems it is not that easy as the carousel-cell elements are just rendered as simple divs. Am I just doing something wrong or is this generally not possible?