边框圆角

草稿

圆角主要是一种样式选择，旨在使 Grafana UI 看起来更现代、感觉更友好，并为视觉元素增加额外的“精致感”。

圆角的度量单位是边框圆角 (border radius)，可以用像素或百分比定义。

默认边框圆角

这是通用边框圆角或 shape.radius.default，其定义为 2px，用于大多数 UI 元素，例如按钮、弹出面板、工具提示、小部件、对话框等。


药丸状边框圆角

药丸状边框圆角或 shape.radius.pill，其像素定义为 9999px。这种样式在 Grafana UI 中使用较少。较小的 UI 元素，例如开关，使用药丸状圆角为其圆形元素提供平滑、干净的边缘。

较小的元素使用 pill 样式

不要使用 default 样式

圆形边框圆角

圆形边框圆角或 shape.radius.circle，其像素定义为 100%。这种样式在 Grafana UI 中也使用较少，它为元素提供完整的圆形形状。