HeyCar-UIKit - Icons

Installation

To install and save in your package.json dependencies, run the command below using npm:

npm install @heycar-uikit/icons

Usage

Semantic vector graphics. Before using icons, you need to install import icons using one of these two options:

• Option 1:

import CarIcon from '@heycar-uikit/icons/Car';
import CloseIcon from '@heycar-uikit/icons/Close';

function App() {
  return (
    <div>
      <Button
        leftIcon={<CarIcon />}
        size="large"
        color="primary"
        variant="outlined"
      >
        Hello World
      </Button>
      <CloseIcon />
    </div>
  );
}

• Option 2:

import { Car, Close } from '@heycar-uikit/icons';

function App() {
  return (
    <div>
      <Button
        leftIcon={<CarIcon />}
        size="large"
        color="primary"
        variant="outlined"
      >
        Hello World
      </Button>
      <CloseIcon />
    </div>
  );
}

Documentation and sandbox

Storybook documentation and sandbox.