Kbd

Used to display textual user input from keyboard.

Ctrl+B

Installation

npx nx g @spartan-ng/cli:ui kbd

Usage

import { HlmKbdImports } from '@spartan-ng/helm/kbd';
<kbd hlmKbd></kbd>

Helm API

HlmKbdGroup

Selector: kbd[hlmKbdGroup]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmKbd

Selector: kbd[hlmKbd]

Inputs

PropTypeDefaultDescription
class ClassValue --

Examples

Group

Use the HlmKbdGroup component to group keyboard keys together.

Use Ctrl + BCtrl + K to open the command palette

Button

Use the HlmKbd component inside a HlmBtn to display a keyboard key inside a button.

Label Input OTP