IvyLabs Design BostonIvy 爬山虎 v0.3.0

组件 · 基础

Input

带标签的单行输入框,可以带前置图标和快捷键提示。

调用方提供:label(必填;视觉上不需要时传 hideLabel,但读屏仍会读出)、id、placeholder、value(初始值)、type、可选的 icon、kbd、hint(下方说明)。

何时用:快速添加任务、搜索、表单字段。快速添加支持 *标签 @指派 !优先级 和自然语言日期,hint 里要写出这个用法。

三种风格下的差异:边框统一用 border-strong(在底色上 ≥ 3:1)。萌虎加硬阴影;像素在前面显示一个品牌色的 > 提示符,并隐藏前置图标。

规则:标签不能只靠占位文字代替;出错时在 hint 的位置用 danger 写清原因和办法,并把边框换成 danger。

预览