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

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