Accordion Alert Alert Dialog Allocation Treemap Aspect Ratio Avatar Badge Breadcrumb Button Button Group Calendar Card Carousel Cause Allocation Treemap Cause Row Chart Checkbox Collapsible Colors Combobox Command Context Menu Data Table Date Picker Dialog Direction Directory Organization Card Dot Chart Drawer Dropdown Menu Dynamic Action Empty Field Filter Chip Focus Bubbles Footer Hover Card Image Carousel Impact Badge Impact Chart Input Input Group Input OTP Item Kbd Label Logo Placeholder Marketing Footer Marketing Gradient Underline Marketing Nav Marketing Organization Card Marketing Tooltip Menubar Native Select Navigation Menu Org Accordion Org Accordion Item Org Row Organization Card Overview Selector Page Tabs Pagination Popover Progress Progress Bar Radio Group Resizable Review Status Badge Ridge Divider Scroll Area Section Select Separator Sheet Sidebar Skeleton Slider Sonner Sort Dropdown Spinner Stat Stat Card Status Pill Step Chrome Stepper Switch Table Tabs Textarea Timeline Step Toast Toggle Toggle Group Tooltip Top Nav Top Nav Unauth Typography Update Card Updates Area Updates Section Welcome

Kbd

Used to display textual user input from keyboard.

⌘K

Installation

pnpm dlx shadcn@latest add @ffg/kbd

Usage

import { Kbd, KbdGroup } from "@/components/ui/kbd";

Item

A versatile component for displaying content with media, title, description, and actions.

Label

Renders an accessible label associated with controls.

On this page

Installation Usage