Skip to content

Content group

ibmdotcom-bot edited this page Feb 25, 2022 · 94 revisions

Core Layout component

The Content group is a component that can be used inside of Content block level component. It can have 1 or more children, but generally only one type of child should be used within this component.

content-group--static


Table of contents

Dependencies (2)

Used by (5)

Back links (2)

Content group pictograms (1)

  • block. It includes Content group with any number

Content group simple (1)

  • ...Content group simple is a decorator of the Content group,

Resources



1. Heading

required string

An optional short String of text to indicate a change in topic at an H3 heading level.


Back to top


2. Copy

optional markdown

An optional String of text formatted using the Markdown utility. It provides the user with detailed content supporting the topic.

Ignored properties

All other options should be included.

props values
3.1 **bold** The bold option should be ignored.

image See Markdown utility for more information.


Back to top


3. Children

optional container

An optional container area that child components, and other content types can be passed into.

Example

content-group


Back to top


3. CTA

optional component

An optional CTA that allows a user to navigate to related content.

Properties and values
props values
4.1 type local
4.2 style cardlink

image Should we open this up to allow a few more options?

image See CTA for more information.


Back to top


Website guidelines

Publishing guidelines (6)

Functional specs

Layout component (37)
Service (3)
UI component (34)
Utility (5)

Additional components

Carbon component (19)
Design only (9)
Feature flag (3)
Clone this wiki locally