# image-compare

Our ImageCompare web component class

## Attributes

| Attribute    | Type     | Description                                      |
|--------------|----------|--------------------------------------------------|
| `label-text` | `string` | Provide additional context to screen reader users. |

## Slots

| Name      | Description                                   |
|-----------|-----------------------------------------------|
| `image-1` | Your first image. Will appear on the "left"   |
| `image-2` | Your second image. Will appear on the "right" |

## CSS Custom Properties

| Property                   | Description                                      |
|----------------------------|--------------------------------------------------|
| `--thumb-background-color` | The background color of the range slider handle. |
| `--thumb-background-image` | The background image of the range slider handle. |
| `--thumb-border-color`     | The color of the range slider handle border.     |
| `--thumb-border-size`      | The width of the range slider handle border.     |
| `--thumb-radius`           | The border-radius of the range slider handle.    |
| `--thumb-size`             | The size of the range slider handle.             |