Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Keyboard

Kbd displays keyboard keys and shortcut hints. Use ngs-kbd for one key such as , Shift, K, or Esc, and use ngs-kbd-group to show a key combination with plus signs between keys.

Use it in menus, command palettes, toolbars, help text, onboarding, and documentation when users need to see the shortcut for an action. Kbd is visual only; it does not register or handle keyboard events.

Do not use Kbd as a clickable button, status badge, tag, chip, normal body text, or shortcut handler. Use Button, IconButton, Badge, Chips, normal text, or application keyboard handling for those cases.

Kbd

The ngs-kbd component is used to display a single keyboard key.

Properties
NameDescription
No inputs or outputs

KbdGroup

The ngs-kbd-group component is used to group multiple keys together, often for a key combination.

Properties
NameDescription
No inputs or outputs