键盘 Keyboard
basic
默认效果
f
预览代码
<script setup lang="ts"> defineOptions({ name: 'ex-keyboard-basic' }) </script> <template> <g-keyboard>f</g-keyboard> </template>
modifiers
⌘⇧⌥⌃
预览代码
<script setup lang="ts"> defineOptions({ name: 'ex-keyboard-modifiers' }) </script> <template> <g-keyboard command /> <g-keyboard shift /> <g-keyboard alt /> <g-keyboard ctrl /> </template>
combination
⌘f⇧e⇧⌥b
预览代码
<script setup lang="ts"> defineOptions({ name: 'ex-keyboard-combination' }) </script> <template> <g-keyboard command>f</g-keyboard> <g-keyboard shift>e</g-keyboard> <g-keyboard shift alt>b</g-keyboard> </template>
small
as@
as@
as@
预览代码
<script setup lang="ts"> defineOptions({ name: 'ex-keyboard-small' }) </script> <template> <g-keyboard>a</g-keyboard> <g-keyboard>s</g-keyboard> <g-keyboard>@</g-keyboard> <br /> <br /> <g-keyboard small>a</g-keyboard> <g-keyboard small>s</g-keyboard> <g-keyboard small>@</g-keyboard> </template>
Attributes
属性 | 描述 | 类型 | 推荐值 | 默认 |
---|---|---|---|---|
command | Key Command | boolean | - | false |
shift | Key Shift | boolean | - | false |
alt | Key Alt Option | boolean | - | false |
option | Key Option | boolean | - | false |
ctrl | Key Control | boolean | - | false |
small | small component | boolean | - | false |