CardImg fails to initialize

[Gjjring]

Before opening:

• Search for duplicate or closed issues
• Read the contributing guidelines

Please fill out the below information as much as possible.

• dash version: #2.14.2
• dash-bootstrap-components version: #2.0.2
• components affected by bug: CardImg

What is happening?

When trying to create a CardImg object, the init function throws an exception.

What should be happening?

The CardImg object should initilize without an exception.

Code

import dash
import dash_bootstrap_components as dbc


app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP],
                suppress_callback_exceptions=True)

content =  [dbc.Row([
                dbc.Col(
                    dbc.Card([
                        dbc.CardImg(top=True),                            
                        ]),
                        width=8
                    )],
                    justify="center",
                ),                                
]
                

app.layout = dbc.Container(
    content,
    className = 'container')

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

Error messages

Traceback (most recent call last):
  File "D:\path\to\example\minimal_example.py", line 11, in <module>
    dbc.CardImg(top=True),
    ^^^^^^^^^^^^^^^^^^^^^
  File "D:\Python\miniforge3\envs\python3.12\Lib\site-packages\dash_bootstrap_components\_components\CardImg.py", line 85, in __init__
    _explicit_args = kwargs.pop('_explicit_args')
                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
KeyError: '_explicit_args'

[AnnMarieW]

@tcbegley - There was a bug in dash 3.0,3 that broke the component generation. It was fixed in 3.0.4, but it means doing another release using dash 3.0.4 when building dbc.

@Gjjring as a workaround be sure to use dash 3.0,3 until the next release.

[tcbegley]

@AnnMarieW is there an issue / PR you can link that explains the bug you mention?

@Gjjring it looks like you're using an old version of Dash (2.14) whereas dash-bootstrap-components now requires Dash >= 3.

I ran this slightly modified version of your example without issue:

import dash
import dash_bootstrap_components as dbc

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

IMG_SRC = "https://upload.wikimedia.org/wikipedia/commons/6/62/Ice_cream_in_cones.jpg"

content = dbc.Row(
    dbc.Col(
        dbc.Card(
            [
                dbc.CardImg(src=IMG_SRC, top=True, style={"maxWidth": 500}),
                dbc.CardBody("Ice cream is tasty!"),
            ]
        ),
        width="auto",
    ),
    justify="center",
)


app.layout = dbc.Container(content, className="p-5")

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

[AnnMarieW]

@tcbegley Here is the dash PR plotly/dash#3287

[tcbegley]

Thanks for the link! Since we require 3.0.3 it seems like that's not an urgent fix on our side.

Closing this issue as it's arising from incompatible version of Dash. @Gjjring If you update dash this should go away.