Label

Label component - adds personality with handwritten font, used for form field annotations

案例展示

标签在实际场景中的使用示例

表单标签

必填标记

带帮助文本

Password must be at least 8 characters, including uppercase, lowercase letters and numbers.

与复选框配合

与 Switch 配合

带图标的标签

覆盖样式

通过 className 自定义 Label 样式,满足不同设计需求

下划线样式

高亮背景样式

手绘涂鸦强调 (Zine Mark 风格)

颜色变体

字重变体

文字变换

状态

标签的不同状态展示

Default
Disabled

尺寸变体

通过 size 属性或 className 调整标签尺寸

Small (size='sm')
Default
Large (size='lg')

自定义尺寸

通过 className 自定义更多尺寸

Extra Small
Small
Medium
Extra Large