Kbd

Displays a keyboard key or a combination of keys.

Examples

Default

⌘K

<script setup>
import { Kbd } from '@empathyds/vue'
</script>

<div class="flex gap-4">
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</div>

Group

⌘K

<script setup>
import { Kbd, KbdGroup } from '@empathyds/vue'
</script>

<KbdGroup>
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>

Props

Kbd

Prop	Type	Default	Description
class	string	-	Custom classes to apply to the kbd element.

Slots

Kbd

Slot	Description
default	The content of the kbd element.