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

CoreKbd

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Дисплейная капсула клавиш: показывает сочетания в тексте, обработчики не вешаются — полностью статична.

Размеры

TabEnterSpace

Сочетания в тексте

Сохранить документ: Ctrl + S. Отменить действие: Ctrl + Z.

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Дисплейная капсула клавиш: показывает сочетания в тексте, обработчики не вешаются — полностью статична.

### Размеры

::div{.flex.flex-wrap.gap-1}
  <CoreKbd size="sm">Tab</CoreKbd>
  <CoreKbd>Enter</CoreKbd>
  <CoreKbd size="lg">Space</CoreKbd>
::

### Сочетания в тексте

Сохранить документ: <CoreKbd size="sm">Ctrl</CoreKbd> + <CoreKbd size="sm">S</CoreKbd>. Отменить действие: <CoreKbd size="sm">Ctrl</CoreKbd> + <CoreKbd size="sm">Z</CoreKbd>.