Input Component · Autocava Design System

🎨 4 个 variant

已填写=true · Title=true（已填 + 有标签）

Nombre*

Ej. Juan Pérez

已填写=true · Title=false（已填 + 无标签）

Ej. Juan Pérez

已填写=false · Title=true（空 + 有标签）

Nombre*

Ej. Juan Pérez

已填写=false · Title=false（空 + 无标签）

Ej. Juan Pérez

📐 Spec Details

Width

343px

Height（仅 input）

44px

Total Height（含 Title）

74px

Border Radius

6px

Padding H

12px

Font Size

14px / 400

🎨 Token 映射

场景	Token	Hex
已填写 input 背景	`Blue/blue-50`	#E6EEFF
未填写 input 背景	`Background/color-50-页面背景`	#F8F8F8
已填写文字	`Text/color-900-重要`	#222222
未填写 / 占位文字	`Text/color-400-提示`	#999999
Title 标签文字	`Text/color-900-重要`	#222222
必填星号	`Red/red-500-告警`	#F5212F

🎯 何时用哪种配置

Title=true：表单字段（姓名 / 电话 / 邮箱等需要明确标识的字段）
Title=false：搜索框 / 短输入（标题隐含在 placeholder 里）
已填写=true（蓝底 #E6EEFF）：用户已输入内容，标识为"激活态"
已填写=false（灰底 #F8F8F8）：占位状态，等待输入
必填字段：Title 后加 * 红色星号（Red/red-500-告警）