Typography 排版

标题、段落、列表等排版样式，以组件形式提供。

基础用法

SH1({ text: 'Taxing Laughter: The Joke Tax Chronicles' })
SLead({ text: 'A modal dialog that interrupts the user with important content.' })
SH2({ text: 'The People of the Kingdom' })
SP({ text: 'Once upon a time, in a far-off land, there was a very lazy king…' })
SH3({ text: 'The Joke Tax' })
SH4({ text: 'People stopped telling jokes' })
SBlockquote({ text: '"After all," he said, "everyone enjoys a good joke, so it\'s only fair that they should pay for the privilege."' })
SList({ items: ['1st level of puns: 5 gold coins', '2nd level of jokes: 10 gold coins'] })
SInlineCode({ text: '@ospark/sparkui' })
SLarge({ text: 'Are you absolutely sure?' })
SSmall({ text: 'Email address' })
SMuted({ text: 'Enter your email address.' })

网页近似预览，真机效果以 HarmonyOS 渲染为准。

API

从组件库源码中的 @Param / @Event / @BuilderParam 声明自动提取。

SH1

text-4xl font-extrabold tracking-tight text-balance。

属性	类型	默认值	说明
text	ResourceStr	''

SH2

border-b pb-2 text-3xl font-semibold tracking-tight。

属性	类型	默认值	说明
text	ResourceStr	''

SH3

text-2xl font-semibold tracking-tight。

属性	类型	默认值	说明
text	ResourceStr	''

SH4

text-xl font-semibold tracking-tight。

属性	类型	默认值	说明
text	ResourceStr	''

SP

leading-7 正文段落。

属性	类型	默认值	说明
text	ResourceStr	''

SLead

text-xl text-muted-foreground。

属性	类型	默认值	说明
text	ResourceStr	''

SLarge

text-lg font-semibold。

属性	类型	默认值	说明
text	ResourceStr	''

SSmall

text-sm leading-none font-medium。

属性	类型	默认值	说明
text	ResourceStr	''

SMuted

text-sm text-muted-foreground。

属性	类型	默认值	说明
text	ResourceStr	''

SBlockquote

mt-6 border-l-2 pl-6 italic。

属性	类型	默认值	说明
text	ResourceStr	''

SInlineCode

relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold。

属性	类型	默认值	说明
text	ResourceStr	''

SList

my-6 ml-6 list-disc [&>li]:mt-2。

属性	类型	默认值	说明
items	string[]	[]