Components

The Magnolia Component Library offers reusable, customizable components for Magnolia front-end projects.

Windows users using PowerShell must enclose the two consecutive hyphens (--) in quotes:

npm run mgnl "--" ...

The following components are currently available in the library:

Name Description and example

Accordion

Creates an accordion component.

npm run mgnl -- create-component Accordion -p accordion

Breadcrumbs

Creates a breadcrumbs component.

npm run mgnl -- create-component Breadcrumbs -p breadcrumbs

Button

Creates a button component.

npm run mgnl -- create-component Button -p button

Card

Creates a card component.

npm run mgnl -- create-component Card -p card

Carousel

Creates a carousel component.

npm run mgnl -- create-component Carousel -p carousel

Container

Creates a container component.

npm run mgnl -- create-component Container -p container

Embed

Creates an embed component.

npm run mgnl -- create-component Embed -p embed

Footer

Creates a footer component.

npm run mgnl -- create-component Footer -p footer

Hero

Creates a hero component.

npm run mgnl -- create-component Hero -p hero

Image

Creates an image component.

npm run mgnl -- create-component Image -p image

List

Creates a list component.

npm run mgnl -- create-component List -p list

Modal

Creates a modal component.

npm run mgnl -- create-component Modal -p modal

Navigation

Creates a navigation component.

npm run mgnl -- create-component Navigation -p navigation

Progress bar

Creates a progress bar component.

npm run mgnl -- create-component ProgressBar -p progressBar

Tabs

Creates a tabs component.

npm run mgnl -- create-component Tabs -p tabs

Text

Creates a text component.

npm run mgnl -- create-component Text -p text

Title

Creates a title component.

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