Title

The Title component is used to render a headline with customizable size, color, and alignment.

Preview

Fields

  • title (required) - The text displayed as the headline.

  • size (default: h1) - A combobox to select the heading level:

    • h1

    • h2

    • h3

    • h4

    • h5

    • h6

  • color (optional) - Text field to define a custom text color in hex format (e.g., #000000).

  • textAlign (default: left) - Combobox to choose text alignment:

    • left

    • center

    • right

    • justify

Behavior

  • Renders a headline (<h1> to <h6>) based on the selected size.

  • Text is styled and aligned according to the selected options.

  • If color is provided, it overrides the default text color.

Creating the component

To create this component in your project, run:

npm run mgnl -- create-component Title -p title
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