Key

Key displays a container that is used to display keyboard key combinations.

Import

import { Key } from "@prismane/core";

<Key>Ctrl</Key>

Key component can be used to display key combinations that will trigger an action.

<Flex gap={fr(1)} align="center">
  <Key>Shift</Key> + <Key>L</Key>
</Flex>

Please refer to the documentation below for a comprehensive overview of all the available props and classes for the mentioned components.