Kbd

The RzKbd component is used to display keyboard shortcuts. It renders a <kbd> element with styling that mimics the appearance of a physical keyboard key.

Basic Usage

A simple keyboard key display.

Source

<RzKbd>⌘</RzKbd>

With Icon

You can nest Blazicons or other elements inside an RzKbd component.

Source

<RzKbd>
    <Blazicon Svg="MdiIcon.AppleKeyboardCommand" />
</RzKbd>

Key Combination

Use the RzKbdGroup component to display a combination of keys, such as a keyboard shortcut.

Source

<RzKbdGroup>
    <RzKbd>⌘</RzKbd>
    <RzKbd>K</RzKbd>
</RzKbdGroup>

RzKbd Component Parameters

Property	Description	Type	Default
`ChildContent`	The content to be rendered inside the kbd element, such as text or an icon.	`RenderFragment?`	`null`

RzKbdGroup Component Parameters

Property	Description	Type	Default
`ChildContent`	The content to be rendered inside the group, typically multiple `RzKbd` components.	`RenderFragment?`	`null`