Component Library 2.21.2

Get to know the AEM Core Components with this collection of component examples - currently featuring a selection of the available components. For all components, visit our GitHub Project.

Core Structure

Navigation

Display a site navigation menu

Navigation

Language Navigation

Display a language switcher

Language Navigation

Breadcrumb

Display a breadcrumb navigation

Breadcrumb

Core Content

Container

Group and layout components

Container

Progress Bar

Display a progress indicator

Progress Bar

Tabs

Switchable content panels

Tabs

Accordion

Toggle panels of related content

Accordion

Core Form Container

Group and Layout Form Components

Core Form Container

AEM Forms Container

Display AEM Forms Container Component

Title

Display a page heading

Title

Text

Display a rich text paragraph

Text

Image

Display an image asset

Button

Display a button or anchor button

Teaser

Link an image and text

Teaser

Download

Display an asset for download

Download

List

Display a list of pages

List

Experience Fragment

Display an experience fragment

Experience Fragment

Content Fragment

Display a content fragment asset

Content Fragment

CF List

Display a list of content fragments

Content Fragment List

Embed

Embed a third-party widget

Embed

PDF Viewer

Embed a PDF Viewer widget to display Document Cloud PDF's

PDF Viewer

Separator

Display a section divider

Separator

Core Form

Form Text

Display an input field

Form Input

Form Options

Display different options to choose from

Form Options

Form Hidden

Hidden Form Component

Form Hidden

Form Button

Display a form button

Commerce

Product

Display commerce product data

Product Teaser

Display commerce product teaser

Product Carousel

Display commerce product carousel

Related Products

Display commerce related products

Product List

Display commerce products

Search

Display commerce products search results

Featured Category List

Display a list of categories

Teaser

Display teaser content

Navigation

Display the site navigation menu

Breadcrumb

Display the site and commerce breadcrumb

Breadcrumb

Category Carousel

Display product categories in a carousel

Experience Fragment

Dynamically display commerce data

Experience Fragment

Forms And Communications Portal

Link

Link to Forms and Communications Portal Asset

Search And Lister

Search and List Forms Portal Assets

Drafts and Submissions

Draft and submission of forms

Adaptive Form

Accordion

Accordion

Button

Check Box Group

Check Box Group

Date Picker

Dropdown List

Email Input

File Attachment

File Attachment

Footer

Form Container

Header

Image

Number Input

Panel

Content Fragment List

Radio Button

Reset Button

Submit Button

Tabs on top

Tabs

Telephone Input

Text

Text

Text Input

Title

Display a page heading

Title

Wizard

Wizard Layout Container