@thivi/react-icons NPM

Installation

# With npm
npm install @oxygen-ui/react-icons

# With pnpm
pnpm add @oxygen-ui/react-icons

# With yarn
yarn add @oxygen-ui/react-icons

## Usage

To use icons from `@oxygen-ui/react-icons`, simply import the desired icon as a React component and use it in your code:

```jsx
import { HamburgerIcon } from '@oxygen-ui/react-icons';

function CustomHamburgerIcon() {
  return <HamburgerIcon fill="#FFFFFF" size={16} />;
}

API

Icon Components

The @oxygen-ui/react-icons package exports all the available icons as React components, which can be used in your app as shown in the example above. The available icons are:

HamburgerIcon
ChevronLeftIcon
ChevronRightIcon
... and more!

Each icon component accepts the following props:

aria-label: The aria label to be used for the icon.
tabIndex: The tab index to be used for the icon.
verticalAlign: The vertical alignment to be used for the icon. This prop is optional and defaults to 'text-bottom'.
className: The class name to be applied to the icon. This prop is optional.
fill: The color to be used to fill the icon. This prop is optional.
size: The size of the icon. This prop is optional.
... and all the other accepted props for the svg element.