KbdDisplay keyboard button or keys combinationImportimport { Kbd } from '@asuikit/core';SourceView source codeDocsEdit this pagePackage@asuikit/coreDocumentationComponent propsUsage⌘ + shift + Mimport { Kbd } from '@asuikit/core'; function Demo() { return ( <> <Kbd>⌘</Kbd> + <Kbd>shift</Kbd> + <Kbd>M</Kbd> </> );}ExampleUsage example with TextInput component – Kbd is used to describe keyboard shortcut to focus input:Ctrl+Kimport { Kbd, TextInput, Flex } from '@asuikit/core';import { IconSearch } from '@tabler/icons-react'; function Demo() { const rightSection = ( <Flex align="center"> <Kbd mr={5}>Ctrl</Kbd> <span>+</span> <Kbd ml={5}>K</Kbd> </Flex> ); return ( <TextInput placeholder="Search" icon={<IconSearch size="1rem" />} rightSectionWidth={90} rightSection={rightSection} styles={{ rightSection: { pointerEvents: 'none' } }} /> );}Go backIndicator – @asuikit/coreUp nextSpoiler – @asuikit/coreTable of contentsUsageExampleKbd component propsNameTypeDescriptionchildren *ReactNodeKeyboard keysize"xs" | "sm" | "md" | "lg" | "xl"Controls component size, 'sm' by defaultBuild fully functional accessible web applications faster than everAboutContributeAbout MantineChangelogReleasesCommunityChat on DiscordFollow on TwitterFollow on GitHubGitHub discussionsProjectMantine UIDocumentationGitHub organizationnpm organizationBuilt by Vitaly Rtishchev and these awesome peopleJoin Discord communityFollow Mantine on Twitter