grommet - 索环 - 边界半径；可以全局调整吗？

Question

索环看起来很有趣。不确定我是否爱上了按钮边框半径；是否有一种主题方法可以全局重置所有 Grommet 按钮上的按钮半径？

Answer 1

边界半径（大部分）由活动主题管理。
主题（大部分）由您管理。
检查我对这个问题的回答：Grommet UI -- Custom Color Schemes 它在某处设置边框半径。
您可能需要为不同的控件执行此操作。

Answer 2

对于您使用的每种类型的 Button，您可以border: undefined使用以下结构设置主题：

const customTheme = {
  button: {
    default: {
      border: undefined,
    },
    primary: {
      background: {
        color: 'brand',
      },
      border: undefined,
    },
  },
};

在此示例中，默认 Button 和主 Button 将没有边框，这适用于您有兴趣使用的任何其他类型的 Button。