Dash ships with supercharged components for interactive user interfaces.
A core set of components, written and maintained by the Dash team,
is available in the
The source is on GitHub at plotly/dash-core-components.
These docs are using version 1.12.1.
There actually is no
Button component in
dash_html_components.Button component does the job quite well,
but we’ve included it here because this is the one plain
that’s commonly used as a callback input:
For more on
, see the tutorial on
dcc.Upload component allows users to upload files into your app
through drag-and-drop or the system’s native file explorer.
The Tabs and Tab components can be used to create tabbed sections in your app.
Graph component shares the same syntax as the open-source
plotly.py library. View the plotly.py docs
to learn more.
View the plotly.py docs.
dcc.ConfirmDialog component send a dialog to the browser
asking the user to confirm or cancel with a custom message.
There is also a
dcc.ConfirmDialogProvider, it will automatically wrap a child component to send a
dcc.ConfirmDialog when clicked.
The store component can be used to keep data in the visitor’s browser.
The data is scoped to the user accessing the page.
Three types of storage (
memory: default, keep the data as long the page is not refreshed.
local: keep the data until it is manually cleared.
session: keep the data until the browser/tab closes.
session, the data is serialized as json when stored.
The store must be used with callbacks
The logout button can be used to perform logout mechanism.
It’s a simple form with a submit button, when the button is clicked,
it will submit the form to the
Please note that no authentication is performed in Dash by default
and you have to implement the authentication yourself.
The Loading component can be used to wrap components that you want to display a spinner for, if they take too long to load.
It does this by checking if any of the Loading components’ children have a
loading_state prop set where
is_loading is true.
If true, it will display one of the built-in CSS spinners.
The location component represents the location bar in your web browser. Through its
hash properties you can access different portions of your app’s url.
For example, given the url