Bring Drag & Drop to Dash with Dashboard Engine. 💫 Learn how at our next webinar!

Python Transparent Dash Button with html.Icon

I have a button with a icon. Is there any possibility to have the button transparent, with the icon visible?

dbc.Button(html.I(className='class="bi bi-arrow-right-circle',
                  style={"font-size": "1em", 'margin': '0px', 'padding': '0px'}),
           id='imageViewerButton',style={'height':'300px','margin': '0px', 'padding': '0px'})

Best regards

Hi @Varlor

You can add "backgroundColor": "transparent" to the button style. Then if the button is on top of a background that is white or some other light color , you can add a dark text color the html.I style… For example, "color": "black"

1 Like

Thank you, worked perfectly

1 Like