Using an icon (html.I) in a dbc.Alert results in a multiple values for argument 'id'

Probably a noob mistake but I am trying to set an Icon in front of my warning message and am following the example here Icons - dbc docs . The only difference is that I have an id defined and it is not in the examples.

dbc.Alert(
            [html.I(className="bi bi-check-circle-fill me-2")],
              'User data updated',
              id='user_update_alert',
              is_open=False,
              dismissable=True,
              fade=True,
              color="success",
              duration=2000
              ),

I end up getting an error

Traceback (most recent call last):
  File "...tw_mod\visualize\tw_user_navbar.py", line 114, in <module>
    dbc.Alert(
  File "D:\ProgramData\Anaconda3\lib\site-packages\dash\development\base_component.py", line 425, in wrapper
    return func(*args, **kwargs)
TypeError: __init__() got multiple values for argument 'id'

Is there something I am not understanding about the html.I component? The code runs fine without it.

2 posts - 2 participants

Read full topic