Adding Static Assets

This documentation is for Dash Enterprise.
Dash Enterprise is the fastest way to write & deploy Dash apps and
Jupyter notebooks.
10% of the Fortune 500 uses Dash Enterprise to productionize AI and
data science apps. Find out if your company is using Dash Enterprise.

Adding Your Own CSS and JavaScript to Dash Apps

To include custom CSS or JavaScript in your Dash apps,
create a folder named assets in the root of your app directory and add
your CSS and JavaScript files in that folder. Dash automatically
serves all of the files that are included in this folder.

For more information about custom CSS, JavaScript, HTML index template,
meta tags, or serving Dash’s component libraries locally, see
Adding CSS & JS and Overriding the Page-Load Template.

Embedding Images in Your Dash Apps

Apps deployed to Dash Enterprise are deployed under an app name
prefix. As a result, images that are added to the assets folder
require the app name prefix in the relative path. For example, with the
below folder structure:

-- app.py
-- assets/
   |-- my-image.png

you would use the image in your app.py file with:

html.Img(src=dash.get_asset_url('my-image.png'))