← 回 aily-ui 总站
切换暗色
akong ChatInput
类微信 / iMessage / WhatsApp · 跨 Web/RN · IME 安全 · auto-resize
默认
空 · 占位文案
发送
有内容
单行 · send 可点
你好
发送
长内容 maxRows=5 (示意 5 行后滚动)
≥ 5 行 · 内部滚动 · 不撑开外层
第一行 第二行 第三行 第四行 第五行 第六行 (溢出 · 滚动) 第七行 第八行
发送
Leading 附件按钮
左侧 + slot · 多按钮
+
发送
Trailing emoji
右侧 emoji · 紧贴发送之前
😀
发送
Leading + Trailing 全
+ 附件 · emoji · 发送 三件套
+
想说点啥
😀
发送
Disabled
整体禁用
发送
自定义 placeholder + sendLabel
placeholder='说点啥' · sendLabel='Send'
Send
暗色 (右上角切换 · 整体跟主题)
暗色 token 自动应用 · 同样组件 · 改 .dark class