Hello folks,
for my dash app I need to create a below HTML section:
<li class="sidebar-item active">
<a data-bs-target="#dashboards" data-bs-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="sliders"></i>
<span class="align-middle">Dashboards</span>
<span class="badge badge-sidebar-primary">5</span>
</a>
<ul id="dashboards" class="sidebar-dropdown list-unstyled collapse show" data-bs-parent="#sidebar">
<li class="sidebar-item">
<a class="sidebar-link" href="dashboard-default.html">Default</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="dashboard-analytics.html">Analytics</a>
</li>
<li class="sidebar-item active">
<a class="sidebar-link" href="dashboard-saas.html">SaaS</a>
</li>
</ul>
</li>
I have a problem with definition of data-bs-target="#dashboards", data-bs-toggle=“collapse” , data-feather=“sliders” and data-bs-parent="#sidebar" argument keywords.
When I try to define it like, then I receive a below mentioned error:
html.Li('Pages', className='sidebar-header'),
html.Li([
html.A([
html.I('', className='align-middle',
data-feather='sliders'
),
html.Span('mySideBar', className='align-middle'),
], className='sidebar-link',
data-bs-target='#dashboards',
data-bs-toggle='collapse',
),
], className='sidebar-item', #active="exact"
)
SyntaxError: keyword can’t be an expression
Can you please help ?
In documentation is written, that as a Keyword arguments can be used:
data- (string; optional): A wildcard data attribute*
So I am not sure what is wrong with it.
Thanks,
Tom