Kbd

Renders a keyboard key or shortcut.

KbdProps packages/core/src/form-controls.ts:252 ↗

Import

import { Kbd } from "@tarve/core";

Usage

Kbd.tsx

import { Kbd, Row, Text } from "@tarve/core";

<Row gap={4} align="center">
  <Text>Press</Text>
  <Kbd>Ctrl</Kbd>
  <Kbd>K</Kbd>
  <Text>to search</Text>
</Row>

Props

Kbd has no props of its own beyond the inherited and common props below.

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle