Add remove button style

Dash Python
2

Hi @Push

If you are using dash-bootstrap-components you can do something like this:

from dash import Dash
import dash_bootstrap_components as dbc


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


app.layout = dbc.Container(
    [
        dbc.Button(className="bi bi-trash  rounded-circle m-4", outline=True, color="primary"),
        dbc.Button(className="bi bi-plus-lg rounded-circle", outline=True, color="primary")
    ],
)

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

image

And you can fine tune the design using other bootstrap classes. You may find this cheatsheet helpful: https://dashcheatsheet.pythonanywhere.com/

If you are not using Bootstrap, see this post: Formatting in Dash - #3 by AnnMarieW

1 Like