【问题标题】:How to change Carbon Design System Icon Size? React如何更改碳设计系统图标大小?反应
【发布时间】:2022-01-14 13:52:47
【问题描述】:

我没有找到任何方法来更改 IBM Carbon Design System 上的图标大小

<Icon size='16px'/> ??? 

【问题讨论】:

    标签: reactjs websphere carbon


    【解决方案1】:

    取自https://www.carbondesignsystem.com/guidelines/icons/code/#usage

    此包中的图标支持以下尺寸:16、20、24 和 32 像素。这些尺寸是指图标的宽度和高度。你可以 通过引用其名称将图标组件导入您的项目 和大小:

    import { Add24 } from '@carbon/icons-react';
    

    意思是,您应该尝试使用您希望使用的大小导入图标。在上面的示例中,他们使用了 24px 版本的 Add 图标,因此他们导入了 Add24

    【讨论】:

      猜你喜欢
      • 2021-02-20
      • 1970-01-01
      • 2019-08-01
      • 2019-11-10
      • 2014-01-26
      • 1970-01-01
      • 2011-09-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多