html 的工具提示 Hover。Dash 中的按钮

Question

我想向 Dash 仪表板中的某些按钮添加工具提示。

button = html.Button(
            key, 
            id={'type':'v_key', 'index':k_id}, 
            style={
                'class':'v_key',
                'width':'100%',
            }
)

简单的 html 按钮，动态生成。 DCC好像没有自己的按键class。

如何向它们添加工具提示？ 理想情况下使用回调动态生成的文本。

Answer 1

Html 按钮有一个名为“标题”的属性，它应该正是您要查找的内容。 我还建议查看Dash Bootstrap库，因为它有一些额外的组件，可以更轻松地一致地设置仪表板元素的样式。

这是我的仪表板上的一个 dbc.Button 示例，我刚刚添加了一个标题：

dbc.Button(
    [html.I(className="fa-solid fa-download" )],
    id='exportConfBtn',
    title="Export",
    n_clicks=0,
    style={'margin-left':2},
    color='success'
)

导出按钮标题

您还应该能够使用回调动态地将文本返回到此属性。

希望这可以帮助