This is a small paragraph of text with a drop cap.
``` #### 主题标记 也叫显示标签,是FT中的分类标签. 用于取笑者(物品卡)来表示职位的类别. 主题标记通常是一个锚,但如果没有页面链接则不必是. 纯 HTML 标记如下: ```html Topic Link Topic Without Link ``` 或 JSX 导入: ```jsx import {TopicTag} from '@financial-times/o3-editorial-typography/cjs'; // or /esmStandfirst
``` 或 JSX 导入: ```jsx import {Standfirst} from '@financial-times/o3-editorial-typography/cjs'; // or /esmSummary
``` 或 JSX 导入: ```jsx import {Summary} from '@financial-times/o3-editorial-typography/cjs'; // or /esm``` 或 JSX 导入: ```jsx import {Quote} from '@financial-times/o3-editorial-typography/cjs'; // or /esmOrigami is about empowering developers of all levels to build robust, on-brand products ranging from simple static sites through to rich, dynamic web applications, to do it faster, to do it cheaper, and leave them more supportable and more maintainable.
Quote Source
Origami is about empowering developers of all levels to build robust, on-brand products ranging from simple static sites through to rich, dynamic web applications, to do it faster, to do it cheaper, and leave them more supportable and more maintainable.; ``` `
` 道具 : | Prop | 类型 | 默认 | 说明 | | :-: | :-: | :-: | :-: | | 类型 | `block` | `pull` | `block` | 引文总相. | | 引用授权 | `string` | \- 说吧 | 引文作者. | | 引用来源 | `string` | \- 说吧 | 引文出处. | | 引号Icon | `boolean` | `true` | 在引用中添加图标. | | 主题 | `standard` | `inverse` | `standard` | 引文的主题. | ### 大数字 Big Number是一个包含大量和标签的复合组件. 它被用来描述编辑内容中的大量数字. 纯 HTML 标记如下: ```html``` ```jsx import {BigNumber} from '@financial-times/o3-editorial-typography/cjs'; // or /esm£27,5mCost expected to increase by £13.7m a year.Cost expected to increase by £13.7m a year. ; ``` `` 道具 : | Prop | 类型 | 默认 | 说明 | | :-: | :-: | :-: | :-: | | 标题 | `string` | \- 说吧 | 大数字的标题. | | 主题 | `standard` | `inverse` | `standard` | 大数字的主题. | ### 名单 `o3-editorial-typography` 支持命令和未命令的清单。 使用类 `o3-editorial-typography-list-ordered` 或者说 `o3-editorial-typography-list-unordered`。 。 。 . 列表可能用于不同的上下文,它们继承了大小和家族等字体属性. 因此它需要将字体样式应用到母元素上. 例如,可以用下列方法做到这一点: `o3-editorial-typography-body`数字 : ```html ``` ```jsx import {Body, List} from '@financial-times/o3-editorial-typography/cjs'; // or /esm
- Lorem ipsum adipiscing elit.
- Sed feugiat turpis at massa tristique.
- Curabitu r accumsan elit luctus.
; ``` `
` 道具 : | Prop | 类型 | 默认 | 说明 | | :-: | :-: | :-: | :-: | | 类型 | `ordered` | `unordered` | \- 说吧 | 列表类型 . | | 主题 | `standard` | `inverse` | `standard` | 列表的主题 . | | 列表项目 | `Array
` | \- 说吧 | 列出项目. | ## 主题修改符 所有组件都可以有主题修饰符. 默认,主题是 `standard` 无需这样做. `o3-editorial-typography` 还支持 `inverse` 主题。 添加中 `data-o3-theme="inverse"` 改为折叠元素,或者在元素本身将文本的颜色改为白色。 反向主题得到所有导出组件的支持. 纯 HTML 标记如下: ```html Label
``` 或者如果你使用 JSX 模板,主题可以作为主题道具传递: ```tsx import {Heading} from '@financial-times/o3-editorial-typography/cjs';Headline ; ``` ## 移徙 | 状态 | 主要版本 | 最后一个小版本 | 移徙指南 | | :-: | :-: | :-: | :-: | | 活动 | 3个 | 不详 | [迁移到 v3](https://npmcn.com/package/%40financial-times/o3-editorial-typography/MIGRATION.md#migrating-from-v2-to-v3) | | 已贬值 | 2个 | 第2.3条 | [迁移到 v2](https://npmcn.com/package/%40financial-times/o3-editorial-typography/MIGRATION.md#migrating-from-v1-to-v2) | | 已贬值 | 1个 | \- 说吧 | 不详 | ## 联系人 如果您对本部分有任何问题或评论,或需要帮助使用本部分,请 [提出问题](https://github.com/Financial-Times/o3-editorial-typography/issues)访问 [#origami - 支持](https://financialtimes.slack.com/messages/origami-support/) 或电子邮件 [折纸支持](mailto:origami-support@ft.com)。 。 。 . * * * ## 许可证 本软件由金融时报根据以下规定出版: [麻省理工学院许可证](http://opensource.org/licenses/MIT)。 。 。 . ## 常见问题 ### @financial-times/o3-editorial-typography 是什么？ 带有设计符号的折纸印刷 ### 如何安装 @financial-times/o3-editorial-typography？ 在项目目录运行 npm install @financial-times/o3-editorial-typography，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@financial-times/o3-foundation（^3\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @financial-times/o3-editorial-typography 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @financial-times/o3-editorial-typography 支持 ESM 还是 CommonJS？ 同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。 ### @financial-times/o3-editorial-typography 可以商用吗？ @financial-times/o3-editorial-typography 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @financial-times/o3-editorial-typography 的下载量有多少？ 根据 npm 官方下载统计，@financial-times/o3-editorial-typography 在 2026/10/15 – 2026/11/13 这 30 天内被下载 3,395 次，日均约 113 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @financial-times/o3-editorial-typography 还在维护吗？ 最新版本 3\.2\.2 发布于 2025/06/30（1\.4 年前）；至今共发布 21 个版本，其中过去 12 个月发布了 0 个；首次发布于 2024/05/22。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。