> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-web/components/image.md).

# Image

The `Image` component is an image wrapper that requires the image to be imported before passing it to the `src` prop.

```javascript
import Logo from './images/logo.svg';

<Image
  src={ Logo }
  title='Gravity Logo'
  alt='Awsome logo'
/>
```

### Props

| Prop      | Description     | Required | value            |
| --------- | --------------- | -------- | ---------------- |
| alt       | alt description | required | string           |
| className | custom style    | optional | SCSS or Tailwind |
| src       | imported source | required | image            |
| title     | description     | required | string           |

### Notes

* The `src` prop should be an imported image source.
* The `alt` and `title` props provide alternative text and a description for the image, respectively.