将 BaseWeb 的 Select TriangleDownIcon 更改为另一个 BaseWeb 图标

Question

有谁知道用另一个 BaseWeb 图标替换 BaseWeb Select 组件的默认 TriangleDownIcon 的方法吗？（我们的设计师要求将三角形图标换成人字形。）。我查看了 BaseWeb 的 Select documentation，虽然我可以看到如何通过覆盖设置图标的样式，但我找不到如何将图标换成另一个图标。

<Select
    overrides={{
      SelectArrow: {
        style: ({ $theme }) => {
          return {
            outline: `${$theme.colors.warning600} solid`,
            backgroundColor: $theme.colors.warning600,
          };
        },
      },
    }}
  />

Answer 1

为了后代，您可以通过覆盖整个 SelectArrow 属性.

来使用您自己的 BaseWeb 图标覆盖 Select 的默认 TriangleDownArrow

import ChevronDown from 'baseui/icon/chevron-down';

...

<Select
    overrides={{
      SelectArrow: () => <ChevronDown />,
    }}
  />

将 BaseWeb 的 Select TriangleDownIcon 更改为另一个 BaseWeb 图标

Changing BaseWeb's Select TriangleDownIcon to another BaseWeb Icon

reactjs

baseweb