ProseKbd
キーボードショートカットとキーの組み合わせを適切なスタイルで表示します。
使用法
kbdコンポーネントを使用して、Kbdをコンテンツに表示します。
K
:kbd{value="meta"} :kbd{value="K"}
API
Props
| Prop | Default | Type |
|---|---|---|
value | string | |
ui | { base?: any; } |
スロット
| Slot | Type |
|---|---|
default | {} |
Theme
app.config.ts
export default defineAppConfig({
ui: {
prose: {
kbd: {
base: 'align-text-top'
}
}
}
})vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
prose: {
kbd: {
base: 'align-text-top'
}
}
}
})
]
})Changelog
No recent changes