text
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
color | color | "error" | "helper" | "inverse" | "on-color" | "primary" | "secondary" | "tertiary" | 'primary' | |
configAria | config-aria | any | {} | |
expressive | expressive | boolean | false | |
headingLevel | heading-level | 1 | 2 | 3 | 4 | 5 | 6 | undefined | |
headingSize | heading-size | 1 | 2 | 3 | 4 | 5 | 6 | 7 | undefined | |
inline | inline | boolean | false | |
type | type | "body" | "body-compact" | "body-emphasis" | "body-large" | "code" | "fluid-heading" | "heading" | "helper-text" | "label" | "legal" | 'body' |
air-text 组件用于渲染不同类型的文本,如标题、段落、说明文本等,支持多种样式和颜色选项。
属性说明
-
type:指定文本类型。支持以下选项:'code':显示代码文本'helper-text':辅助文本'label':标签文本'legal':法律文本'heading':标题文本'body':普通正文文本'body-compact':紧凑型正文文本'body-large':大号正文文本'body-emphasis':强调型正文文本'fluid-heading':流动标题文本
-
expressive:是否启用富有表现力的文本样式(默认值:false)。 -
headingSize:标题的大小,1 至 7 之间的数字,影响heading类型文本的显示大小。 -
headingLevel:标题的级别,1 至 6 之间的数字。决定<h1>至<h6>标签的使用。 -
inline:是否将文本渲染为行内元素(默认值:false)。 -
color:文本颜色,支持以下选项:'primary':主要颜色'secondary':次要颜色'tertiary':第三颜色'helper':辅助颜色'error':错误颜色'on-color':文本颜色为自定义颜色'inverse':反向颜色
-
configAria:用于配置 ARIA 属性,允许你将 ARIA 属性附加到文本元素上