@heycar-uikit/logo/README.md

HeyCar-UIKit logo

# HeyCar-UIKit - Logo

The Logo component is used to display heycar [logos](https://www.figma.com/file/rrvkvQEoVTOHa7MzyKSaoz/OTP-Global-Design-System?node-id=1370%3A40820).

## Installation

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

```bash
npm install @heycar-uikit/logo
```

## Usage

```tsx
import Logo from '@heycar-uikit/logo';

<Logo fontSize={65} color="primary" />;
```

## Colors

Use the `color` prop to change the visual color of the Logo.
You can set the value to `primary`, `secondary` , `tertiary`

Mica Blue = Primary
Heycar Mint = Secondary
Sunbeam Blue = Tertiary

for more info you checkout colour page in [Figma](https://www.figma.com/file/rrvkvQEoVTOHa7MzyKSaoz/OTP-Design-System?node-id=1291%3A35195)

## Documentation and sandbox

[Storybook](https://hey-car.github.io/heycar-uikit/main/?path=/docs/components-atoms-logo--logo) documentation and sandbox