React Native Mantine › Data display
Kbd
Keyboard shortcut display
Import: import { Kbd } from 'react-native-mantine';
Usage
import { Kbd, Text } from 'react-native-mantine';
<Text>
Press <Kbd>Ctrl</Kbd> + <Kbd size="sm">C</Kbd> to copy
</Text>Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | MantineSize | 'md' | Kbd size |
children | React.ReactNode | Kbd content | |
style | any | Additional styles | |
testID | string | Test identifier used by testing frameworks | |
withTextWrapper | boolean | true | If false, children will not be wrapped in a Text component. This is useful when the children contain non-text elements like icons or custom components. |