Skip to content

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-