From 806f829b457d855bb3d4c67e58ba0151269c5532 Mon Sep 17 00:00:00 2001 From: AnnMarieW Date: Fri, 10 Sep 2021 14:19:09 -0700 Subject: [PATCH] Minor clean-up and change Theme explorer class_name to className --- .../components/layout/order_offset.R | 2 +- .../components/layout/order_offset.jl | 2 +- .../components/layout/order_offset.py | 2 +- docs/components_page/markdown_parser.py | 6 +-- docs/content/docs/quickstart.md | 2 +- docs/content/docs/themes.md | 2 +- docs/demos/demo_layout.py | 2 +- docs/demos/theme_explorer/__init__.py | 2 +- docs/demos/theme_explorer/alert.py | 2 +- docs/demos/theme_explorer/badge.py | 34 ++++++------- docs/demos/theme_explorer/button.py | 50 +++++++++---------- docs/demos/theme_explorer/card.py | 16 +++--- docs/demos/theme_explorer/collapse.py | 4 +- docs/demos/theme_explorer/fade.py | 2 +- docs/demos/theme_explorer/form.py | 6 +-- docs/demos/theme_explorer/input.py | 14 +++--- docs/demos/theme_explorer/list_group.py | 2 +- docs/demos/theme_explorer/modal.py | 2 +- docs/demos/theme_explorer/navbar.py | 6 +-- docs/demos/theme_explorer/popover.py | 2 +- docs/demos/theme_explorer/progress.py | 4 +- docs/demos/theme_explorer/spinner.py | 6 +-- docs/demos/theme_explorer/table.py | 2 +- docs/demos/theme_explorer/tabs.py | 6 +-- docs/demos/theme_explorer/toast.py | 6 +-- docs/demos/theme_explorer/tooltip.py | 2 +- docs/demos/theme_explorer/util.py | 4 +- src/components/button/Button.js | 7 --- 28 files changed, 93 insertions(+), 104 deletions(-) diff --git a/docs/components_page/components/layout/order_offset.R b/docs/components_page/components/layout/order_offset.R index 80295355d..03d8fa879 100644 --- a/docs/components_page/components/layout/order_offset.R +++ b/docs/components_page/components/layout/order_offset.R @@ -21,7 +21,7 @@ row <- htmlDiv( ), dbcCol( htmlDiv("The second of three columns"), - width = list(size = 3, order = 12) + width = list(size = 3, order = 5) ) ) ) diff --git a/docs/components_page/components/layout/order_offset.jl b/docs/components_page/components/layout/order_offset.jl index 4400454c1..b630de0b3 100644 --- a/docs/components_page/components/layout/order_offset.jl +++ b/docs/components_page/components/layout/order_offset.jl @@ -18,7 +18,7 @@ row = html_div([ ), dbc_col( html_div("The second of three columns"), - width = Dict("size" => 3, "order" => 12), + width = Dict("size" => 3, "order" => 5), ), ]), ]); diff --git a/docs/components_page/components/layout/order_offset.py b/docs/components_page/components/layout/order_offset.py index b716775b2..b79fef460 100644 --- a/docs/components_page/components/layout/order_offset.py +++ b/docs/components_page/components/layout/order_offset.py @@ -21,7 +21,7 @@ ), dbc.Col( html.Div("The second of three columns"), - width={"size": 3, "order": 12}, + width={"size": 3, "order": 5}, ), ] ), diff --git a/docs/components_page/markdown_parser.py b/docs/components_page/markdown_parser.py index ba71478f6..c2dddb24d 100644 --- a/docs/components_page/markdown_parser.py +++ b/docs/components_page/markdown_parser.py @@ -35,7 +35,7 @@ def parse(app, markdown_path, extra_env_vars=None): content = [ html.H1(meta["title"][0]), - html.Div(dcc.Markdown(meta["lead"][0]), class_name="lead"), + html.Div(dcc.Markdown(meta["lead"][0]), className="lead"), ] raw = HEADER_PATTERN.sub("", raw).strip() @@ -96,7 +96,7 @@ def _parse_code_example(data): source = (HERE / source_path).read_text().strip() return html.Div( dcc.Markdown(f"```{language}\n{source}\n```"), - class_name="source-container", + className="source-container", ) @@ -139,4 +139,4 @@ def component_reference(component_name): docs = docs.replace("\n-", "\n") return_div.append(dcc.Markdown(docs)) - return html.Div(return_div, class_name="reference") + return html.Div(return_div, className="reference") diff --git a/docs/content/docs/quickstart.md b/docs/content/docs/quickstart.md index d41538f96..6854cfeef 100644 --- a/docs/content/docs/quickstart.md +++ b/docs/content/docs/quickstart.md @@ -74,7 +74,7 @@ _dash-bootstrap-components_ is a component library for use with Plotly Dash. If To use _dash-bootstrap-components_ you must do two things: -- Link a Bootstrap v4 compatible stylesheet +- Link a Bootstrap v5 compatible stylesheet - Incorporate _dash-bootstrap-components_ into the layout of your app. ### Linking a stylesheet diff --git a/docs/content/docs/themes.md b/docs/content/docs/themes.md index a377e708d..0e11d7f26 100644 --- a/docs/content/docs/themes.md +++ b/docs/content/docs/themes.md @@ -115,7 +115,7 @@ The easiest way to link a local stylesheet is to place it in a folder named `ass There are numerous free to use Bootstrap stylesheets available on the web. The `dash_bootstrap_components.themes` module contains CDN links for Bootstrap and all of the [Bootswatch themes][bootswatch-themes]. Bootstrap also maintains its own [themes website][bootstrap-themes] which lists a number of free and premium themes that you could incorporate into your apps. -To start with, we recommend experimenting with some of the Bootswatch themes available in the `dash_bootstrap_components.themes` module. The full list of available themes is [`CERULEAN`](https://bootswatch.com/cerulean/), [`COSMO`](https://bootswatch.com/cosmo/), [`CYBORG`](https://bootswatch.com/cyborg/), [`DARKLY`](https://bootswatch.com/darkly/), [`FLATLY`](https://bootswatch.com/flatly/), [`JOURNAL`](https://bootswatch.com/journal/), [`LITERA`](https://bootswatch.com/litera/), [`LUMEN`](https://bootswatch.com/lumen/), [`LUX`](https://bootswatch.com/lux/), [`MATERIA`](https://bootswatch.com/materia/), [`MINTY`](https://bootswatch.com/minty/), [`PULSE`](https://bootswatch.com/pulse/), [`SANDSTONE`](https://bootswatch.com/sandstone/), [`SIMPLEX`](https://bootswatch.com/simplex/), [`SKETCHY`](https://bootswatch.com/sketchy/), [`SLATE`](https://bootswatch.com/slate/), [`SOLAR`](https://bootswatch.com/solar/), [`SPACELAB`](https://bootswatch.com/spacelab/), [`SUPERHERO`](https://bootswatch.com/superhero/), [`UNITED`](https://bootswatch.com/united/), [`YETI`](https://bootswatch.com/yeti/). +To start with, we recommend experimenting with some of the Bootswatch themes available in the `dash_bootstrap_components.themes` module. The full list of available themes is [`CERULEAN`](https://bootswatch.com/cerulean/), [`COSMO`](https://bootswatch.com/cosmo/), [`CYBORG`](https://bootswatch.com/cyborg/), [`DARKLY`](https://bootswatch.com/darkly/), [`FLATLY`](https://bootswatch.com/flatly/), [`JOURNAL`](https://bootswatch.com/journal/), [`LITERA`](https://bootswatch.com/litera/), [`LUMEN`](https://bootswatch.com/lumen/), [`LUX`](https://bootswatch.com/lux/), [`MATERIA`](https://bootswatch.com/materia/), [`MINTY`](https://bootswatch.com/minty/), [`MORPH`](https://bootswatch.com/morph/), [`PULSE`](https://bootswatch.com/pulse/), [`SANDSTONE`](https://bootswatch.com/sandstone/), [`SIMPLEX`](https://bootswatch.com/simplex/), [`SKETCHY`](https://bootswatch.com/sketchy/), [`SLATE`](https://bootswatch.com/slate/), [`SOLAR`](https://bootswatch.com/solar/), [`SPACELAB`](https://bootswatch.com/spacelab/), [`SUPERHERO`](https://bootswatch.com/superhero/), [`UNITED`](https://bootswatch.com/united/), [`VAPOR`](https://bootswatch.com/vapor/), [`YETI`](https://bootswatch.com/yeti/), [`ZEPHYR`](https://bootswatch.com/zephyr/). Check out the [theme explorer](/docs/themes/explorer/) for a live demo of dash-bootstrap-components using all of the different available themes. You may also like to check out the [dash-bootstrap-css](https://github.com/tcbegley/dash-bootstrap-css) project which contains Bootstrap stylesheets that apply consistent styling to various components from dash-core-components. diff --git a/docs/demos/demo_layout.py b/docs/demos/demo_layout.py index 93b1732bd..cc60d110c 100644 --- a/docs/demos/demo_layout.py +++ b/docs/demos/demo_layout.py @@ -54,7 +54,7 @@ ] ) ], - class_name="mt-4", + className="mt-4", ) _layout = html.Div([_navbar, _body]) diff --git a/docs/demos/theme_explorer/__init__.py b/docs/demos/theme_explorer/__init__.py index 87f13338b..92d928e19 100644 --- a/docs/demos/theme_explorer/__init__.py +++ b/docs/demos/theme_explorer/__init__.py @@ -57,7 +57,7 @@ tooltip, ], fluid=True, - class_name="px-4", + className="px-4", ) diff --git a/docs/demos/theme_explorer/alert.py b/docs/demos/theme_explorer/alert.py index aa63863f5..f87e4fd43 100644 --- a/docs/demos/theme_explorer/alert.py +++ b/docs/demos/theme_explorer/alert.py @@ -27,5 +27,5 @@ alerts = html.Div( [make_subheading("Alert", "alert"), dbc.Row([alerts1, alerts2])], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/badge.py b/docs/demos/theme_explorer/badge.py index 1ed061109..156f87dc8 100644 --- a/docs/demos/theme_explorer/badge.py +++ b/docs/demos/theme_explorer/badge.py @@ -5,34 +5,32 @@ badge = html.Div( [ - dbc.Badge("Primary", color="primary", class_name="me-1"), - dbc.Badge("Secondary", color="secondary", class_name="me-1"), - dbc.Badge("Success", color="success", class_name="me-1"), - dbc.Badge("Warning", color="warning", class_name="me-1"), - dbc.Badge("Danger", color="danger", class_name="me-1"), - dbc.Badge("Info", color="info", class_name="me-1"), - dbc.Badge("Light", color="light", class_name="me-1"), + dbc.Badge("Primary", color="primary", className="me-1"), + dbc.Badge("Secondary", color="secondary", className="me-1"), + dbc.Badge("Success", color="success", className="me-1"), + dbc.Badge("Warning", color="warning", className="me-1"), + dbc.Badge("Danger", color="danger", className="me-1"), + dbc.Badge("Info", color="info", className="me-1"), + dbc.Badge("Light", color="light", className="me-1"), dbc.Badge("Dark", color="dark"), ], - class_name="mb-2", + className="mb-2", ) badge_pills = html.Div( [ - dbc.Badge("Primary", color="primary", class_name="me-1", pill=True), - dbc.Badge( - "Secondary", color="secondary", class_name="me-1", pill=True - ), - dbc.Badge("Success", color="success", class_name="me-1", pill=True), - dbc.Badge("Warning", color="warning", class_name="me-1", pill=True), - dbc.Badge("Danger", color="danger", class_name="me-1", pill=True), - dbc.Badge("Info", color="info", class_name="me-1", pill=True), - dbc.Badge("Light", color="light", class_name="me-1", pill=True), + dbc.Badge("Primary", color="primary", className="me-1", pill=True), + dbc.Badge("Secondary", color="secondary", className="me-1", pill=True), + dbc.Badge("Success", color="success", className="me-1", pill=True), + dbc.Badge("Warning", color="warning", className="me-1", pill=True), + dbc.Badge("Danger", color="danger", className="me-1", pill=True), + dbc.Badge("Info", color="info", className="me-1", pill=True), + dbc.Badge("Light", color="light", className="me-1", pill=True), dbc.Badge("Dark", color="dark", pill=True), ], ) badges = html.Div( [make_subheading("Badge", "badge"), badge, badge_pills], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/button.py b/docs/demos/theme_explorer/button.py index b649465a6..044fe1959 100644 --- a/docs/demos/theme_explorer/button.py +++ b/docs/demos/theme_explorer/button.py @@ -8,16 +8,16 @@ make_subheading("Button", "button"), html.Div( [ - dbc.Button("Primary", color="primary", class_name="me-1 mt-1"), + dbc.Button("Primary", color="primary", className="me-1 mt-1"), dbc.Button( - "Secondary", color="secondary", class_name="me-1 mt-1" + "Secondary", color="secondary", className="me-1 mt-1" ), - dbc.Button("Success", color="success", class_name="me-1 mt-1"), - dbc.Button("Warning", color="warning", class_name="me-1 mt-1"), - dbc.Button("Danger", color="danger", class_name="me-1 mt-1"), - dbc.Button("Info", color="info", class_name="me-1 mt-1"), + dbc.Button("Success", color="success", className="me-1 mt-1"), + dbc.Button("Warning", color="warning", className="me-1 mt-1"), + dbc.Button("Danger", color="danger", className="me-1 mt-1"), + dbc.Button("Info", color="info", className="me-1 mt-1"), ], - class_name="mb-2", + className="mb-2", ), html.Div( [ @@ -25,63 +25,63 @@ "Primary", outline=True, color="primary", - class_name="me-1 mt-1", + className="me-1 mt-1", ), dbc.Button( "Secondary", outline=True, color="secondary", - class_name="me-1 mt-1", + className="me-1 mt-1", ), dbc.Button( "Success", outline=True, color="success", - class_name="me-1 mt-1", + className="me-1 mt-1", ), dbc.Button( "Warning", outline=True, color="warning", - class_name="me-1 mt-1", + className="me-1 mt-1", ), dbc.Button( "Danger", outline=True, color="danger", - class_name="me-1 mt-1", + className="me-1 mt-1", ), dbc.Button( - "Info", outline=True, color="info", class_name="me-1 mt-1" + "Info", outline=True, color="info", className="me-1 mt-1" ), ], - class_name="mb-2", + className="mb-2", ), html.Div( [ - dbc.Button("Regular", color="primary", class_name="me-1 mt-1"), + dbc.Button("Regular", color="primary", className="me-1 mt-1"), dbc.Button( "Active", color="primary", active=True, - class_name="me-1 mt-1", + className="me-1 mt-1", ), dbc.Button( "Disabled", color="primary", disabled=True, - class_name="me-1 mt-1", + className="me-1 mt-1", ), ], - class_name="mb-2", + className="mb-2", ), html.Div( [ - dbc.Button("Large button", size="lg", class_name="me-1 mt-1"), - dbc.Button("Regular button", class_name="me-1 mt-1"), - dbc.Button("Small button", size="sm", class_name="me-1 mt-1"), + dbc.Button("Large button", size="lg", className="me-1 mt-1"), + dbc.Button("Regular button", className="me-1 mt-1"), + dbc.Button("Small button", size="sm", className="me-1 mt-1"), ], - class_name="mb-2", + className="mb-2", ), ], lg=6, @@ -99,7 +99,7 @@ dbc.Button("Danger", color="danger"), ] ), - class_name="mb-2", + className="mb-2", ), html.Div( dbc.ButtonGroup( @@ -117,11 +117,11 @@ ], vertical=True, ), - class_name="mb-2", + className="mb-2", ), ], lg=6, xs=12, ) -buttons = dbc.Row([buttons1, buttons2], class_name="mb-4") +buttons = dbc.Row([buttons1, buttons2], className="mb-4") diff --git a/docs/demos/theme_explorer/card.py b/docs/demos/theme_explorer/card.py index f1ce2a8ff..fc3e68461 100644 --- a/docs/demos/theme_explorer/card.py +++ b/docs/demos/theme_explorer/card.py @@ -15,11 +15,9 @@ [ html.H5( "This card has a title", - class_name="card-title", - ), - html.P( - "And some text", class_name="card-text" + className="card-title", ), + html.P("And some text", className="card-text"), ] ), ] @@ -30,11 +28,11 @@ [ html.H5( "This card has a title", - class_name="card-title", + className="card-title", ), html.P( "and some text, but no header", - class_name="card-text", + className="card-text", ), ] ) @@ -48,11 +46,11 @@ [ html.H5( "This card has a title", - class_name="card-title", + className="card-title", ), html.P( "and some text, and a footer!", - class_name="card-text", + className="card-text", ), ] ), @@ -64,5 +62,5 @@ ] ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/collapse.py b/docs/demos/theme_explorer/collapse.py index b85f0f21d..fbb294980 100644 --- a/docs/demos/theme_explorer/collapse.py +++ b/docs/demos/theme_explorer/collapse.py @@ -9,7 +9,7 @@ html.Div( [ dbc.Button( - "Open collapse", id="collapse-button", class_name="mb-2" + "Open collapse", id="collapse-button", className="mb-2" ), dbc.Collapse( dbc.Card( @@ -20,5 +20,5 @@ ] ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/fade.py b/docs/demos/theme_explorer/fade.py index f388e8b42..ab83b49c9 100644 --- a/docs/demos/theme_explorer/fade.py +++ b/docs/demos/theme_explorer/fade.py @@ -18,7 +18,7 @@ dbc.CardBody( html.P( "This content fades in and out", - class_name="card-text", + className="card-text", ) ) ), diff --git a/docs/demos/theme_explorer/form.py b/docs/demos/theme_explorer/form.py index e6be85cd2..5da93b15b 100644 --- a/docs/demos/theme_explorer/form.py +++ b/docs/demos/theme_explorer/form.py @@ -21,7 +21,7 @@ html.A( "Click here.", href="#", - class_name="text-muted", + className="text-muted", style={"textDecoration": "underline"}, ), ] @@ -41,7 +41,7 @@ html.A( "Click here.", href="#", - class_name="text-muted", + className="text-muted", style={"textDecoration": "underline"}, ), ] @@ -51,5 +51,5 @@ ] ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/input.py b/docs/demos/theme_explorer/input.py index 2f9635e2a..3569d44c0 100644 --- a/docs/demos/theme_explorer/input.py +++ b/docs/demos/theme_explorer/input.py @@ -57,7 +57,7 @@ ), ] ), - html.H5("Inline checklist", class_name="mt-3"), + html.H5("Inline checklist", className="mt-3"), dbc.Checklist( id="gallery_checklist3", options=[ @@ -67,7 +67,7 @@ inline=True, ), ], - class_name="mb-4", + className="mb-4", ) radio_items = html.Div( @@ -80,7 +80,7 @@ ], value=0, ), - html.H5("Inline radioitems", class_name="mt-3"), + html.H5("Inline radioitems", className="mt-3"), dbc.RadioItems( id="gallery_radio2", options=[ @@ -100,22 +100,22 @@ dbc.Button("To the left!", color="danger"), dbc.Input(type="text"), ], - class_name="my-3", + className="my-3", ), dbc.InputGroup( [ dbc.Input(type="text"), dbc.Button("To the right!", color="success"), ], - class_name="mb-3", + className="mb-3", ), dbc.InputGroup( [ dbc.InputGroupText("@"), dbc.Input(type="text", placeholder="Enter username"), ], - class_name="mb-3", + className="mb-3", ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/list_group.py b/docs/demos/theme_explorer/list_group.py index d93bb3771..2500f0c4f 100644 --- a/docs/demos/theme_explorer/list_group.py +++ b/docs/demos/theme_explorer/list_group.py @@ -20,5 +20,5 @@ ] ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/modal.py b/docs/demos/theme_explorer/modal.py index 995b7a57e..92a61fd82 100644 --- a/docs/demos/theme_explorer/modal.py +++ b/docs/demos/theme_explorer/modal.py @@ -23,5 +23,5 @@ ] ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/navbar.py b/docs/demos/theme_explorer/navbar.py index 0e9e3f8c9..0843fad4e 100644 --- a/docs/demos/theme_explorer/navbar.py +++ b/docs/demos/theme_explorer/navbar.py @@ -36,14 +36,14 @@ brand_href=DBC_HOME, color="primary", dark=True, - class_name="mb-3", + className="mb-3", ), dbc.NavbarSimple( children=navbar_children, brand="Navbar", brand_href=DBC_HOME, color="light", - class_name="mb-3", + className="mb-3", ), dbc.NavbarSimple( children=navbar_children, @@ -53,5 +53,5 @@ dark=True, ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/popover.py b/docs/demos/theme_explorer/popover.py index ce9feb07b..8c3512ee2 100644 --- a/docs/demos/theme_explorer/popover.py +++ b/docs/demos/theme_explorer/popover.py @@ -19,5 +19,5 @@ target="popover-target", ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/progress.py b/docs/demos/theme_explorer/progress.py index 26c4bbfc4..7afc873bf 100644 --- a/docs/demos/theme_explorer/progress.py +++ b/docs/demos/theme_explorer/progress.py @@ -7,8 +7,8 @@ [ make_subheading("Progress", "progress"), dbc.Progress("25%", value=25), - dbc.Progress(value=50, striped=True, class_name="my-2"), + dbc.Progress(value=50, striped=True, className="my-2"), dbc.Progress(value=75, color="success"), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/spinner.py b/docs/demos/theme_explorer/spinner.py index 9444de5bb..eb743c605 100644 --- a/docs/demos/theme_explorer/spinner.py +++ b/docs/demos/theme_explorer/spinner.py @@ -17,7 +17,7 @@ "danger", ] ], - class_name="mb-2", + className="mb-2", ), html.Div( [ @@ -30,8 +30,8 @@ "danger", ] ], - class_name="mb-2", + className="mb-2", ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/table.py b/docs/demos/theme_explorer/table.py index 4992364dc..4f6bb6be3 100644 --- a/docs/demos/theme_explorer/table.py +++ b/docs/demos/theme_explorer/table.py @@ -48,5 +48,5 @@ hover=True, ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/tabs.py b/docs/demos/theme_explorer/tabs.py index 3482db6c9..9ead7f46a 100644 --- a/docs/demos/theme_explorer/tabs.py +++ b/docs/demos/theme_explorer/tabs.py @@ -9,14 +9,14 @@ dbc.Tabs( [ dbc.Tab( - html.P("This is tab 1", class_name="py-3"), label="Tab 1" + html.P("This is tab 1", className="py-3"), label="Tab 1" ), dbc.Tab( dbc.Card( [ html.P( "This tab has a card!", - class_name="card-text", + className="card-text", ), dbc.Button("Click here", color="success"), ], @@ -28,5 +28,5 @@ ] ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/toast.py b/docs/demos/theme_explorer/toast.py index 1248375e2..f9e47e8be 100644 --- a/docs/demos/theme_explorer/toast.py +++ b/docs/demos/theme_explorer/toast.py @@ -10,15 +10,15 @@ "Open toast", id="auto-toast-toggle", color="primary", - class_name="mb-3", + className="mb-3", ), dbc.Toast( - html.P("This is the content of the toast", class_name="mb-0"), + html.P("This is the content of the toast", className="mb-0"), id="auto-toast", header="This is the header", icon="primary", duration=4000, ), ], - class_name="mb-2", + className="mb-2", ) diff --git a/docs/demos/theme_explorer/tooltip.py b/docs/demos/theme_explorer/tooltip.py index c89ed430c..c73511d12 100644 --- a/docs/demos/theme_explorer/tooltip.py +++ b/docs/demos/theme_explorer/tooltip.py @@ -21,5 +21,5 @@ target="tooltip-target", ), ], - class_name="mb-4", + className="mb-4", ) diff --git a/docs/demos/theme_explorer/util.py b/docs/demos/theme_explorer/util.py index 8d2909600..841fad93e 100644 --- a/docs/demos/theme_explorer/util.py +++ b/docs/demos/theme_explorer/util.py @@ -14,7 +14,7 @@ def make_subheading(label, link): [ label, html.A( - html.I(class_name="fas fa-book fa-xs ms-2"), + html.I(className="fas fa-book fa-xs ms-2"), href=f"{DBC_DOCS}{link}", target="_blank", id=f"tooltip_target_{slug}", @@ -30,5 +30,5 @@ def make_subheading(label, link): f"See {label} documentation", target=f"tooltip_target_{slug}" ), ], - class_name="mt-3", + className="mt-3", ) diff --git a/src/components/button/Button.js b/src/components/button/Button.js index 2180d6e51..638e3a478 100644 --- a/src/components/button/Button.js +++ b/src/components/button/Button.js @@ -138,13 +138,6 @@ Button.propTypes = { */ n_clicks_timestamp: PropTypes.number, - /** - * A unique identifier for the component, used to improve - * performance by React.js while rendering components - * See https://reactjs.org/docs/lists-and-keys.html for more info. - */ - key: PropTypes.string, - /** * Whether button is in active state. Default: False. */