Kbd
Used to display textual user input from keyboard.
⌘⇧⌥⌃Ctrl+B
"use client"
import { Kbd, KbdGroup } from "uilab-core"
export function KbdPreview() {Usage
import { Kbd } from "@/components/ui/kbd"<Kbd>Ctrl</Kbd>Examples
Group
Use the KbdGroup component to group keyboard keys together.
Use Ctrl + BCtrl + K to open the command palette
"use client"
import { Kbd, KbdGroup } from "uilab-core"
export function KbdGroupExample() {Button
Use the Kbd component inside a Button component to display a keyboard key inside a button.
"use client"
import { Button, Kbd } from "uilab-core"
export function KbdButtonExample() {Tooltip
You can use the Kbd component inside a Tooltip component to display a tooltip with a keyboard key.
"use client"
import {
Button,
ButtonGroup,Input Group
You can use the Kbd component inside a InputGroupAddon component to display a keyboard key inside an input group.
"use client"
import {
InputGroup,
InputGroupAddon,