概述

本文档介绍了 WordPress 组件库中的 Dashicon 组件，用于在 React 应用中显示图标。核心内容包括如何导入和使用 Dashicon 组件，以及通过 icon 属性指定图标名称。

关键要点

• Dashicon 是 @wordpress/components 包中的一个 React 组件，用于渲染图标。
• 使用 icon 属性来指定要显示的图标，例如 "admin-home"、"products"、"wordpress"。
• 组件可以嵌入到 JSX 中，如 ，以在界面上展示图标。

代码示例

import { Dashicon } from '@wordpress/components';

const MyDashicon = () => (
    <div>
        <Dashicon icon="admin-home" />
        <Dashicon icon="products" />
        <Dashicon icon="wordpress" />
    </div>
);