# Image

An internal Orbit component for displaying images.

## Usage

```js
import SomeImage from './image.png';
```

```jsx
<Image
  source={SomeImage}
  title="Title"
  accessibilityLabel="Alternative text"
  style={{ width: 24, height: 14 }}
/>
```

## Props

Table below contains all types of the props available in Image component.

| Name                | Type                         | Default | Description                                                                                                    |
| :------------------ | :--------------------------- | :------ | -------------------------------------------------------------------------------------------------------------- |
| source              | `ImageSet | string | number` |         | Source for both web and mobile Image                                                                           |
| accessibilityLabel  | `string`                     |         | Alternative text                                                                                               |
| testID              | `string`                     |         | Optional prop for testing purposes. (This disables the 'layout-only view removal' optimization for this view!) |
| style               | `styleRulesType[]`           |         | Injected style to the component                                                                                |
| preferredPixelRatio | `number`                     |         | Manual choice for image pixel ratio                                                                            |

### Custom types

```
type ImageSet = {|
  '1': string,
  '2'?: string,
  '3'?: string,
|};
```