---
title: 'Item'
description: 'A versatile component that you can use to display any content.'
sidebar:
  label: 'Item'
  order: 31
---

<Component path="item/default" />

## Item vs Field

Use Field if you need to display a form input such as a checkbox, input, radio, or select.

If you only need to display content such as a title, description, and actions, use Item.

## Variants

<Component path="item/variants" />

## Sizes

<Component path="item/sizes" />

## Icon

<Component path="item/item-icon" />

## Avatar

<Component path="item/avatar" />

## Image

<Component path="item/image" />

## Group

<Component path="item/group" />