← Все компонентыФормы
CoreKbd
Примеры использования и документация.
Подсказка горячей клавиши рядом с действием: пользователь видит быстрый путь к функции и не ищет её в меню. Используйте в палитрах команд, туториалах и подсказках интерфейса.
Технические детали: нативный тег <kbd> — моноширинная плашка с рамкой, у которой нижняя грань толще (эффект «клавиши»); размеры sm/md/lg. flow — чип переливается градиентом (цвета темы): заливка var(--core-flow-image) с анимацией 9s, текст инвертируется в цвет фона; prefers-reduced-motion оставляет статичный градиент.
Нажмите Ctrl + K и Enter(Enter ниже — size="sm") Enter
Ctrl + Kflow — чип переливается градиентом