@ebay/ui-core-react/ebay-eek/README.md

Skin components build off React

# EbayEek

This component displays the current European Union Energy (EEK) rating of certain items that consume energy.

## Demo

[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/graphics-icons-ebay-eek--regular-a)

## Usage

### Import JS

```jsx harmony
import { EbayEek } from "@ebay/ui-core-react/ebay-eek";
```

### Import styles from Skin

```jsx
import "@ebay/skin/eek";
```

### or if using CSS/SCSS

```jsx
import "@ebay/skin/eek.css";
```

```jsx harmony
<EbayEek max="A+++" min="E" rating="C" />
```

## Props

| Name     | Type   | Stateful | Required | Description       | Data |
| -------- | ------ | -------- | -------- | ----------------- | ---- |
| `rating` | String | No       | Yes      | The energy rating |
| `max`    | String | No       | Yes      | The maximum range |
| `min`    | String | No       | Yes      | The minimum range |