---
title: Images
page_title: Images - Menu - Kendo UI Wrappers for React
description: "Display images in the Kendo UI Menu wrapper for React."
slug: images_menu
position: 2
---
# Images
The Menu allows you to enhance its visual effect by adding images to its structure.
## Icons
The following example demonstrates how to load images by using the Data Source and the `imageUrl` property.
```jsx-preview
class MenuContainer extends React.Component {
constructor(props) {
super(props);
this.dataSource = props.data;
}
render() {
return (
);
}
}
ReactDOM.render(
,
document.querySelector('my-app')
);
```
## Sprites
The following example demonstrates how to load sprites by using the Data Source and the `spriteCssClass` property.
```html
```
```jsx
class MenuContainer extends React.Component {
constructor(props) {
super(props);
this.dataSource = props.data;
}
render() {
return (
);
}
}
ReactDOM.render(
,
document.querySelector('my-app')
);
```
## Suggested Links
* [Kendo UI Menu for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/menu/overview)
* [API Reference of the Menu Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/menu)