Files
VRCX/src/components/ui/kbd/Kbd.vue
2026-03-07 18:41:32 +09:00

26 lines
813 B
Vue

<script setup>
import { cn } from '@/lib/utils';
const props = defineProps({
class: {
type: [Boolean, null, String, Object, Array],
required: false,
skipCheck: true
}
});
</script>
<template>
<kbd
:class="
cn(
'bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none',
'[&_svg:not([class*=\'size-\'])]:size-3',
'[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10',
props.class
)
">
<slot />
</kbd>
</template>