Shortcut

Component designed to trigger actions or events. It primarily contains text and is commonly utilized in forms, dialogs, and toolbars.

Import

import { Shortcut, useShortcuts } from '@vortex-kit/vortex';
import type { ShortcutProps } from '@vortex-kit/vortex';

Display

<Shortcut>⌘C</Shortcut>
+
P
Features
Supports active state.
Customizable for various contexts.
Includes useShortcuts hook for managing keyboard shortcuts.
Can be used in forms, dialogs, and toolbars.

State

Shortcut has active state that can be used to indicate that the shortcut is currently active.

Loading...

Show Code

Hooks

Shortcut has the useShortcuts hook, which allows you to manage and handle keyboard shortcuts effectively.

Loading...

Show Code

Integration

Shortcut can be integrated with other components, such as TextField, to provide visual keyboard shortcut hints.

Loading...

Show Code

Shortcut Component — Vortex Design System