import {Keyboard} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";
<Meta title="Components/Text/Keyboard/old" component={Keyboard}/>
export const Template = (args) => <Keyboard {...args} />;
# Keyboard
This component renders a styled `<kbd>` for Keyboard items.
## Props
<ArgsTable story="Default"/>
## Examples
<Story name="Default" args={{text: "ctrl"}}>
{Template.bind({})}
</Story>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter