# daisyUI Documentation - Kbd Component Kbd is used to display keyboard shortcuts. ## Classes and Usage ### Core Classes: - **kbd** - The main kbd element - **kbd-xs** - Extra small size - **kbd-sm** - Small size - **kbd-md** - Medium size [Default] - **kbd-lg** - Large size - **kbd-xl** - Extra large size ## Examples ### Basic Kbd `K` ```html K ``` ### Kbd Sizes `Xsmall` `Small` `Medium` `Large` `Xlarge` ```html Xsmall Small Medium Large Xlarge ``` ### In Text Press `F` to pay respects. ```html Press F to pay respects. ``` ### Key Combination `ctrl` + `shift` + `del` ```html ctrl + shift + del ``` ### Function Keys `⌘` `⌥` `⇧` `⌃` ```html ⌘ ⌥ ⇧ ⌃ ``` ### A Full Keyboard ```html

q w e r t y u i o p

a s d f g h j k l

z x c v b n m /

``` ### Arrow Keys ```html

▲

◀︎ ▶︎

▼

``` ## Features - Displays keyboard shortcuts and key combinations - Multiple size options (xs, sm, md, lg, xl) - Works with individual keys or combinations - Can be styled to look like physical keyboard keys - Responsive design This component is useful for documenting keyboard shortcuts in applications or guides.