List

The List component displays a list of text items, with an optional title.

Preview

Fields

  • title (optional) - Displayed as a heading above the list (rendered as <h2>).

  • items (required) - A list of text items:

    • At least one item is required.

    • Each item includes:

      • field (required) - A single-line text input representing one list entry.

Behavior

  • If a title is provided, it is rendered as a heading (<h2>).

  • The list items are rendered below the title using minimal formatting.

Creating the component

To create this component in your project, run:

npm run mgnl -- create-component List -p list
This command adds a local copy of the component to your project. You can fully customize it afterward.

Available in

Feedback

DX Core

×

Location

This widget lets you know where you are on the docs site.

You are currently perusing through the Magnolia CLI docs.

Main doc sections

DX Core Headless PaaS Legacy Cloud Incubator modules