允许您在没有任何初始样式或包装的情况下渲染原始图标。
带仪表图标
从“@wordpress/components”导入{Icon};const MyIcon=()=><图标Icon=“screenoptions”/>;
使用函数
从“@wordpress/components”导入{Icon};const MyIcon=()=>(<图标图标={()=>(<svg><路径d=“M5 4v3h5.5v12h3V7H19V4z”/></svg>) }/>);
使用组件
从“..”导入{MyIconComponent}/my-icon-component';从“@wordpress/components”导入{Icon};const MyIcon=()=><图标图标={MyIconComponent}/>;
使用SVG
从“@wordpress/components”导入{Icon};const MyIcon=()=>(<图标图标={<svg><路径d=“M5 4v3h5.5v12h3V7H19V4z”/></svg>}/>);
指定className
从“@wordpress/components”导入{Icon};const MyIcon=()=><图标Icon=“screenoptions”className=“example-class”/>;
组件接受以下属性。任何附加的道具都会传递给底层的图标元素。
要渲染的图标。支持的值有:Dashicons(指定为字符串)、函数、组件实例和无效的
.
- 类型:
字符串|函数|组件|空
- 必需:否
- 违约:
无效的
图标的大小(宽度和高度)。
- 类型:
编号
- 必需:否
- 违约:
20
渲染Dashicon时,24
用于所有其他图标。