Kbd

展示符合平台习惯的快捷键。

实时预览

正在加载预览…

参数配置

颜色 color尺寸 size样式 variant

全部字段 7

KbdItems

列表项 · 2

KbdOptions

Size

Color

Variant

Platform

UI

Styles · 0

Style

Go 代码

// Inside a view; c is *ui.Context, t is nui.Theme.
nui.Kbd(c.Key("shortcut"), t, []string{"Ctrl", "K"}, nui.KbdOptions{Color: nui.ColorDefault, Size: nui.SizeDefault, Variant: nui.VariantDefault}).AlignSelf(ui.Start)

使用说明

这里显示 Ctrl + K 的按键提示，可修改尺寸与样式。Kbd 只负责呈现快捷键；真正的快捷键绑定需要由应用单独注册。

API 参考

Kbd

源码

func Kbd(c *ui.Context, t Theme, keys []string, opts KbdOptions) ui.Element

KbdOptions

源码

type KbdOptions struct {
	Size     Size
	Color    Color
	Variant  Variant
	Platform string
	Decoration
}

字段	类型	说明
`Size`	`Size` Go 零值: `SizeDefault`	组件尺寸；默认值继承主题或组件尺寸。
`Color`	`Color` Go 零值: `ColorDefault`	语义颜色；默认值继承主题或组件配色。
`Variant`	`Variant` Go 零值: `VariantDefault`	组件外观样式，支持范围取决于组件。
`Platform`	`string` Go 零值: `""`	快捷键显示使用的平台名称。
`UI`	`Styles` Go 零值: `zero value`	以部件名称为键覆盖外观和间距。
`Style`	`func(Slot, ui.Element)` Go 零值: `nil`	同步配置当前构建的部件；不要保留 Element。