✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

Dash-bootstrap-components InputGroupAddon not displayed correctly

I have a dash app that takes a lot of input from users. I would like to use dbc InputGroups in order to keep track of all the inputs nicely. One of the inputs is a dollar ammount and I would like to use the addOn to display a dollar sign in front of it. But when I add this componenet the dollar sign is written as text above the input box rather than inline/ within the box like the examples I have seen. Any idea why this is happening

Code:
image

Result:
image

Desired result would be somthing like this:

Hi @eambrioso

It looks like you forgot to include a Bootstrap stylesheet. Here is one way to add it:

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

Thanks! Silly mistake by me. This solved the issue

1 Like