---
title: Image check
summary: The image check is a great way to make your form more user-friendly and engaging. You can use the image check to create a visually appealing form that will help users make decisions quickly and easily.
description: Add visual appeal to forms with images.
---
## Default markup
To build an image check, you need to use the `.form-imagecheck` class and the `.form-imagecheck-input` class for the input element. You can also use the `.form-imagecheck-figure` class to style the image and the `.form-imagecheck-image` class to style the image itself.
```html
```
Look at the examples below to see how the image check works:
```html example centered columns="2" height="15rem"
```
## Radio buttons
If you want to use the image check as a radio button, you can change the input type to `radio`.
```html example centered columns="2" height="15rem"
```
```html
```
## Avatars
If you want to use the image check with avatars, you can use the `.avatar` instead of the image.
```html example centered columns={2} height="15rem"