此功能仍处于实验阶段。“实验性”意味着这是早期实现,可能会发生剧烈且破坏性的更改。

Heading 使用该库的排版系统来渲染标题和名称。

用法

import { __experimentalHeading as Heading } from '@wordpress/components';

function Example() {
    return <Heading>Code is Poetry</Heading>;
}

属性

Heading 在底层使用 Text,因此我们可以访问 Text 的所有属性,除了:

  • size,它被 level 取代;
  • isBlock 的默认值,对于 Heading 组件而言为 true。

有关这些属性的完整列表,请参阅 Text。

level: 1 | 2 | 3 | 4 | 5 | 6 | ‘1’ | ‘2’ | ‘3’ | ‘4’ | ‘5’ | ‘6’

将任何标题级别传递给 level 将同时渲染正确的排版文本大小以及与该级别对应的语义元素(例如,1 对应 h1)。

  • 必需:否
  • 默认值:2