如何在Dash Plotly上排列按钮位置

Question

我正在使用Dash by Plotly制作一个仪表板。这对我来说真的很快也很有用。但我找不到如何安排按钮的位置。例如，我希望按钮为x=5，y=150。但我找不到关于文档的解决方案。此外，我检查了github中的dash核心组件，但找不到x坐标或位置等位置。我需要以某种方式添加react.js代码吗？提前谢谢。

Answer 1

我假设您不想以这种方式创建整个布局，只想在您想要的x和y处放置一个特定的按钮。

您可以使用破折号-尾数组件附带的词缀组件。

附言：我是这个图书馆的作者。

import dash_mantine_components as dmc
from dash import Dash, html
app = Dash(__name__)
app.layout = html.Div(
[
dmc.Affix(
dmc.Button("I'm in an affix component!"), position={"top": 5, "left": 150}
)
]
)

if __name__ == "__main__":
app.run_server(debug=True)

输出