KBD

Tastenkombinationen und Tastenkürzel lassen sich mit [[Taste]] darstellen. Das Remark-Plugin wandelt dies in ein <kbd>-Element um.

Drücke `[[Ctrl]]` + `[[C]]` um zu kopieren.

http://localhost:3000

Drücke Ctrl + C um zu kopieren.

Installation

Code

• src/plugins/remark-kbd

docusaurus.config.ts

import kbdPlugin from './src/plugins/remark-kbd/plugin';

const REMARK_PLUGINS = [
    /* ... */
    kbdPlugin
];

src/css/custom.scss

kbd {
    padding: 0.3em 0.5em;
    padding-bottom: 0.35em;
    padding-top: 0.25em;
    border-radius: 0.5em;
    box-shadow: inset 1px -2px 0 var(--ifm-color-emphasis-400);
}