Shortcut

A key chip for keyboard shortcuts, including inside buttons.

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add shortcut

Usage

Import Shortcut and pass a keyboard shortcut string:

import Shortcut from '$lib/sivir/components/shortcut';

<Shortcut shortcut="cmd+K" />
<Shortcut shortcut="shift+/" />

Examples

Shortcut in various compositions and contexts.

Basic

With modifiers

In context

Anatomy

Shortcut - Displays a keyboard shortcut.