My dash app is constituted of a html.Header
, html.Main
, and a html.Footer
.
It seems however that app.layout
accepts only one dash component (usually a html.Div
), and not a list of dash components.
This makes me use an ugly div
container to wrap everything:
app.layout = html.Div(
[
html.Header(),
html.Main(),
html.Footer(),
],
id='im-an-ugly-wrapper-for-my-dash-app-layout',
)
➥ Is there a way not to wrap my “top-level” dash components in a div
?
Indeed, the content of app.layout
is already wrapped in multiple div
s, notably <div id="_dash-app-content">
:
<body>
<div id="react-entry-point">
<div class="_dash-undo-redo">
</div>
<div id="_dash-app-content">
<!-- CONTENT OF app.layout IS INSERTED HERE -->
</div>
</div>
</body>