Content item

Core Layout component

The Content item component is a commonly used structure and style of content that’s used across many patterns consisting of a heading, media, copy, and CTA. Because of its type size and spacing it is typically used lower in a page's hierarchy.

---

Table of contents

• 1. Heading
• 2. Media
• 3. Copy - Ignored properties
• 4. CTA - Properties and values

Dependencies (4)

• Markdown utility
• Image with caption
• Video
• CTA

Used by (6)

• CTA block
• Content block card static
• Content block segmented
• Content block simple
• Content group simple
• Pictogram item

Back links (6)

CTA block (1)

• ...via a primary Carbon button, list of Content item or the Link list

Content block simple (1)

• ...the Content block, which includes a single Content item, optional media (Image with caption or...

Content group simple (1)

• ...item (Image with caption or Video) and Content items within the children

Content item horizontal (1)

• ...component is not technically related to the core Content item

Content section (1)

• ...consider replacing heading, copy, and CTA with a Content item. Issue right now is hierarchy H2 vs

Pictogram item (1)

• ...and a heading, copy, and link via the Content item

Resources

• r1: Box folder

---

1. Heading

optional string

An optional short String of text to indicate a more focused topic at an H4 level.

Back to top

2. Media

optional component

Provides the adopter with option to use either Image with caption or Video here.

See Image with caption for more information.

See Video for more information.

Back to top

3. 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.

See Markdown utility for more information.

Back to top

4. CTA

optional component

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

Properties and values

	props	values
4.1	type	All types
4.2	style	text button

See CTA for more information.

Back to top