React-key-icons NPM

react-key-icons

Small React component used to present keyboard keys or key combinations.

NPM:

npm install react-key-icons

Yarn

yarn add react-key-icons

The React component has one required prop, value, and the remaining are optional styling-related props.

import Key from "react-key-icons";

const Component = () => {
  return (
    <Key value={"B"} />
  );
};

Name	Purpose	Required?
`value`	String displayed on the button.	Yes
`height`	Set the height of the button.	No
`disabled`	If present, the button will appear shaded out.	No
`showCursor`	By default, the cursor is not shown when hovering over the button. If this prop is present, the cursor is shown instead.	No

const Component = () => {
  return (
    <Key value={"B"} />
  );
};

const Component = () => {
  return (
    <Key value={"A"} height={96} />
  );
};

const Component = () => {
  return (
    <Key value={"A"} disabled />
  );
};

3 years ago

3 years ago