Row Field

The Row field is presentational-only and only affects the Admin panel. By using it, you can arrange fields next to each other horizontally.

Config

Option	Description
`fields` *	Array of field types to nest within this Row.
`admin`	Admin-specific configuration excluding `description`, `readOnly`, and `hidden`. See the default field admin config for more details.

* An asterisk denotes that a property is required.

Example

collections/ExampleCollection.ts

import { CollectionConfig } from 'payload/types';

const ExampleCollection: CollectionConfig = {
  slug: 'example-collection',
  fields: [
    {
      type: 'row', // required
      fields: [ // required
        {
          name: 'label',
          type: 'text',
          required: true,
          admin: {
            width: '50%',
          },
        },
        {
          name: 'value',
          type: 'text',
          required: true,
          admin: {
            width: '50%',
          },
        },
      ],
    }
  ]
}

Row Field

Config

Example

Select Field

On this page