mirror of
https://github.com/HoshinoSuzumi/rayine-ui.git
synced 2025-07-06 23:41:14 +08:00
✨ feat(kbd): add kbd
component
This commit is contained in:
50
docs/content/2.components/kbd.md
Normal file
50
docs/content/2.components/kbd.md
Normal file
@ -0,0 +1,50 @@
|
||||
---
|
||||
description: Display a keyboard keys such as shortcuts or hotkeys
|
||||
since: 1.3.3
|
||||
---
|
||||
|
||||
## Usage
|
||||
|
||||
Use the default slot to display the keyboard key.
|
||||
|
||||
::ComponentPreview
|
||||
K
|
||||
::
|
||||
|
||||
The `label` prop also can be used to do so.
|
||||
|
||||
::ComponentPreview
|
||||
---
|
||||
props:
|
||||
label: K
|
||||
---
|
||||
::
|
||||
|
||||
### Sizes
|
||||
|
||||
The `size` prop changes the size of the `kbd`.
|
||||
|
||||
::ComponentPreview
|
||||
---
|
||||
props:
|
||||
size: sm
|
||||
---
|
||||
K
|
||||
::
|
||||
|
||||
### Shadow
|
||||
|
||||
Add a shadow to the `kbd`.
|
||||
|
||||
::ComponentPreview
|
||||
---
|
||||
props:
|
||||
shadow: true
|
||||
---
|
||||
K
|
||||
::
|
||||
|
||||
## Config
|
||||
|
||||
::ComponentDefaults
|
||||
::
|
Reference in New Issue
Block a user