Line Break Component

1. Overview
2. Key Features
3. Configuration Properties
- Base Properties
4. Configuration Examples
- Basic Line Break
- In Two-Column Layout
5. API Reference

1. Overview

The LINE_BREAK component forces a new line in the form layout, regardless of the current column configuration.

🛝 Use the Dynamic Form Playground to see the Line Break component in action and try out different configurations

2. Key Features

Forces next field to start on a new line
Works with all layout types
Minimal configuration required
No ID required

3. Configuration Properties

Base Properties

Property	Type	Required	Description
`type`	`'LINE_BREAK'`	Yes	Specifies the type of the field as `LINE_BREAK`.
`renderName`	`string`	No	The optional renderName is added as the attribute "data-render-name" to the df-formfield elements in the DOM. It can be used to find the rendered element of a specific field of a form.

Note: It does not support id, label, infoIcon, spacing, columnSpan, testId, or acl properties.

4. Configuration Examples

Basic Line Break

{
  "type": "LINE_BREAK"
}

In Two-Column Layout

{
  "id": "dynamic-form-1",
  "form": {
    "layout": {
      "type": "TWO_COLUMN"
    },
    "fields": [
      {
        "id": "firstName",
        "type": "INPUT",
        "inputType": "text",
        "label": "First Name"
      },
      {
        "type": "LINE_BREAK"
      },
      {
        "id": "lastName",
        "type": "INPUT",
        "inputType": "text",
        "label": "Last Name"
      },
      {
        "id": "email",
        "type": "INPUT",
        "inputType": "email",
        "label": "Email Address"
      }
    ]
  }
}

5. API Reference

For complete API documentation, see DfLineBreakConfig.