ui/docs/content/2.elements/5.kbd.md

github, title, navigation

github	title	navigation
true	Keyboard Key	title Kbd

Usage

::component-example #default :kbd-example

#code

<script setup>
const { metaSymbol } = useShortcuts()
</script>

<template>
  <div class="flex items-center gap-0.5">
    <UKbd>{{ metaSymbol }}</UKbd>
    <UKbd>U</UKbd>
  </div>
</template>

::

Size

Use the size prop to change the size of the Kbd.

::component-card

props: size: 'sm'

U ::

Props

:component-props

Preset

:component-preset