定价

以紧凑的按键标签展示快捷键或键盘操作提示,帮助用户快速识别可用操作。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中;本页展示网站用法,支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费,不属于项目,不占项目或开发者席位额度,无需 SnowUI 注册、激活或付费证明。

如何使用

用于展示键盘按键或快捷键提示。它不注册快捷键;实际键盘处理由拥有该操作的组件或页面负责。

  • children 只表示按键文字,variant 选择 border 或填充外观。

  • 将快捷键提示放在对应操作旁;快捷键事件由页面或拥有该操作的组件注册。

  • 多个按键组成一个快捷键时,使用 Frame singleLine 保持一行及至少 4 CSS px 间距;极窄容器由外层横向 ScrollArea 保留完整按键。

导入

import { Kbd } from '@snowui-design-system/components';

用法

搜索快捷键

API 参考

属性 类型 默认值 示例 描述
variant "border" | "solid" "border" variant="border" 样式 A(描边)或样式 B(实心底色)
children Snippet — <Kbd>Content</Kbd> 按键内容