Keyboard keys
This page has not yet been finished and is being worked on. In the meantime, you can view the stories.
import * as React from 'react';
import { Kbd, KbdKeys } from '@itwin/itwinui-react';
export default () => {
return (
<div style={{ display: 'flex', gap: '12px' }}>
<Kbd>{KbdKeys.Enter}</Kbd>
<Kbd>{KbdKeys.Command}</Kbd>
<Kbd>{KbdKeys.Down}</Kbd>
</div>
);
};
Props
| Prop | Description | Default |
|---|---|---|
| children |
Content of the key to be passed as children. Must be a string or one of the
KbdKeys.string
|
|
| as |
"symbol" | "object" | "kbd" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 158 more ... | FunctionComponent<...>
|