沙米德头 
说明
标题是一组两个组件, Headline 财务报告和审定财务报表 SubHeading他们使用 h1 财务报告和审定财务报表 h2 HTML 元素分别为: Headline 用于页面上的单一用途 SubHeading 旨在重复使用.
安装
npm install @bbc/psammead-headings
道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 脚本 | 对象 | 对 | 拉丁语 | {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: |
| 服务 | 字符串 | 对 | 不详 | 'news' |
| 暗号 | 嘘 | 没有 | 虚假 | 真实 |
使用量
import { Headline, SubHeading } from '@bbc/psammead-headings';
import { latin } from '@bbc/gel-foundations/scripts';
const Wrapper = () => (
<Fragment>
<Heading script={latin} service="news">
Some headline
</Heading>
<SubHeading script={latin} service="news">
Some subheadline
</SubHeading>
</Fragment>
);
SubHeading 组件在通过时可作为页面锁定 id 道具 (英语). 以上述用法为例:
<SubHeading id="some-subheadline" script={latin} service="news">
Some subheadline
</SubHeading>
此用法将允许页面锁定 : www.bbc.com/news/articles/articleID#some-subheadline
何时使用此组件
这些组件可在页面上的任何一点使用,但 Headline 被设计为页面上方使用一次。 这个 SubHeading 选择 id 价值并传递到 h2 ,在引用内容时可用作锚.
无障碍说明
这个 SubHeading 组件的标签索引 -1 当它通过跳过链接导航到屏幕读取器时, 它能正确工作.
捐款
Psammead完全开源. 我们感谢任何贡献,无论是新的组件、错误修正还是总体改进。 请参看我们的主要贡献指南,可查阅: psammead 仓库的根。 。 。 .
行为守则
我们欢迎对这项工作的反馈和帮助。 通过参与这个项目,你同意遵守 行为守则请稍候再读一下.
许可证
萨姆米德 Apache 2.0 许可。 。 。 .