---
url: /docs/9.x/guide/show-fields/list.md
---
# List

Class: `Code16\Sharp\Show\Fields\SharpShowListField`

This field is very similar to the [Form's List field](../form-fields/list.md), and its purpose is to display items made of other Show fields.

Here's an example, for a list of pictures with a legend:

```php
class MyShow extends SharpShow
{
    // [...]
    function buildShowFields(FieldsContainer $showFields): void
    {
        $showFields->addField(
            SharpShowListField::make('pictures')
                ->setLabel('additional pictures')
                ->addItemField(
                    SharpShowFileField::make('file')
                )
                ->addItemField(
                    SharpShowTextField::make('legend')
                        ->setLabel('Legend')
                )
        );
    }
}
```

## Configuration

### `setLabel()`

Set the field label.

### `addItemField(SharpShowField $field)`

Add a SharpShowField in the item.

## Layout

The List item layout must be defined like the show itself, in the `buildShowLayout()` function. The item layout is managed as a column, with a `ShowLayoutColumn` object. To link the column and the item, use the classic `withField()` function with a second argument, a Closure accepting a `ShowLayoutColumn`.

Example:

```php
class MyShow extends SharpShow
{
    // [...]
    function buildShowLayout(ShowLayout $showLayout): void
    {
        $showLayout->addColumn(6, function (ShowLayoutColumn $column) {
             $column->withListField('pieces', function (ShowLayoutColumn $listItem) {
                  $listItem->withField('acquisition_date')
                      ->withField('title')
                      ->withField('artist');
             });
         });
    }
}
```

## Formatter

The Formatter expects an array or a `Collection` of models, each one defining attributes for each list item keys at the format expected by the corresponding Field Formatter.