Headline 标题
基本用法
主要用于官网产品介绍 ‘主要特性’,‘核心功能’,‘关于我们’等某一方面内容的标题,它是该内容最引人注目的部分,用来概括主要点或吸引用户注意。
主要特性
持续增强开源能力
<Headline tagline="主要特性" title="持续增强开源能力" />
Core functions
explore our features
Dynamic Configuration Service allows you to manage configurations in all environments in a centralized, externalized, and dynamic approach.
<Headline tagline="Core functions" title="explore our features" subtitle="Dynamic Configuration Service allows you to manage configurations in all environments in a centralized, externalized, and dynamic approach." titleTheme="primary" subtitleTheme="secondary" taglineTheme="accent"/>
API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
tagline | 标签名 | string | - |
title | 主标题 | string | - |
subtitle | 次标题 | string | - |
titleTheme | 主标题颜色 使用 tailwind.config.mjs 中设置的 theme,例如 primary, gray, secondary… 等 | string | ”gray” |
subtitleTheme | 次标题颜色 使用 tailwind.config.mjs 中设置的 theme,例如 primary, gray, secondary… 等 | string | ”gray” |
taglineTheme | 标签名颜色 使用 tailwind.config.mjs 中设置的 theme,例如 primary, gray, secondary… 等 | string | ”gray” |
classes | 标签自定义样式 数据格式为 {container: 'max-w-3xl', title: 'text-3xl', subtitle: 'text-xl'} , container为 <Headline /> 组件样式,title、subtitle 分别为主标题、次标题样式 | object | - |