Kbd | tcpsystems/ui

Try it

Ctrl K

Svelte

<Kbd>Ctrl K</Kbd>

Examples

Shortcut

Ctrl+K

Shortcut.svelte

<script lang="ts">
	import Kbd from '@tcpsystems/ui/foundation/Kbd';
</script>

<Kbd>Ctrl</Kbd>+<Kbd>K</Kbd>

Multi

Shift+Tab Alt+F4 Cmd+Space

Multi.svelte

<script lang="ts">
	import Kbd from '@tcpsystems/ui/foundation/Kbd';
</script>

<Kbd>Shift</Kbd>+<Kbd>Tab</Kbd>
<Kbd>Alt</Kbd>+<Kbd>F4</Kbd>
<Kbd>Cmd</Kbd>+<Kbd>Space</Kbd>

Long

Super

Long.svelte

<script lang="ts">
	import Kbd from '@tcpsystems/ui/foundation/Kbd';
</script>

<Kbd>Super</Kbd>

API

Import

import Kbd from '@tcpsystems/ui/foundation/Kbd';

Prop	Type	Default
`children?`	`native`	none

Hook	Kind
`.tcp-kbd`	Root class