Перейти к содержимому

CoreKbd

Примеры использования и документация.

Подсказка горячей клавиши рядом с действием: пользователь видит быстрый путь к функции и не ищет её в меню. Используйте в палитрах команд, туториалах и подсказках интерфейса.

Технические детали: нативный тег <kbd> — моноширинная плашка с рамкой, у которой нижняя грань толще (эффект «клавиши»); размеры sm/md/lg. flow — чип переливается градиентом (цвета темы): заливка var(--core-flow-image) с анимацией 9s, текст инвертируется в цвет фона; prefers-reduced-motion оставляет статичный градиент.

Нажмите Ctrl + K и Enter(Enter ниже — size="sm") Enter

Ctrl + Kflow — чип переливается градиентом