显示侧边栏
组件
隐藏侧边栏

文本

一致的排版组件,如文本和链接。

文本组件

这是用于正文内容和应用程序中通用内容的标准文本组件。

<flux:heading>Text component</flux:heading><flux:text class="mt-2">This is the standard text component for body copy and general content throughout your application.</flux:text>

大小

使用标准的 Tailwind 来控制文本的大小,以便您能更轻松地适应不同的屏幕尺寸。

较大的文本大小

默认文本大小

较小的文本

<flux:text class="text-base">Base text size</flux:text><flux:text>Default text size</flux:text><flux:text class="text-xs">Smaller text</flux:text>

颜色

使用标准的 Tailwind 来控制文本的颜色,以便您能更轻松地适应不同的屏幕尺寸。

加粗文本颜色

默认文本颜色

细微文本颜色

彩色文本

<flux:text variant="strong">Strong text color</flux:text><flux:text>Default text color</flux:text><flux:text variant="subtle">Subtle text color</flux:text><flux:text color="blue">Colored text</flux:text>

使用链接组件来创建可点击的文本,用于导航到其他页面或资源。

访问我们的 文档 以获取更多信息。

<flux:text>Visit our <flux:link href="#">documentation</flux:link> for more information.</flux:text>

链接可以根据其上下文和重要性具有不同的样式。

<flux:link href="#">Default link</flux:link><flux:link href="#" variant="ghost">Ghost link</flux:link><flux:link href="#" variant="subtle">Subtle link</flux:link>

参考

flux:text

属性
描述
size
文本的大小。选项: sm, default, lg, xl。默认值:default
variant
文本变体。选项: strong, subtle。默认值:default
color
文本的颜色。选项: default, red, orange, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose. Default: default.
inline
如果为 true,文本元素将是 span 而不是 p
属性
描述
href
链接指向的 URL。必需。
variant
链接样式变体。选项: default, ghost, subtle。默认值:default
external
如果为 true,链接将在新标签页中打开。
© 2025 FluxProMax™. All Rights Reserved.

备案号:皖ICP备13019729号-11