row.mdx

title	label	order	desc	keywords
Row Field	Row	150	With the Row field you can arrange fields next to each other in the Admin Panel to help you customize your Dashboard.	row, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express

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.
custom	Extension point for adding custom data (e.g. for plugins)

* An asterisk denotes that a property is required.

Example

collections/ExampleCollection.ts

import { CollectionConfig } from 'payload/types';

export 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%',
          },
        },
      ],
    }
  ]
}