Content item - carbon-design-system/carbon-for-ibm-dotcom-website GitHub Wiki

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
• 4. CTA

Dependencies (4)

• Markdown utility
• Image with caption
• Video
• CTA

Used by (6)

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

Back links (6)

CTA block (1)

• Content item or the Link list

Content block simple (1)

• a single Content item, optional media (Image with caption

Content group simple (1)

• Content items within the children

Content item horizontal (1)

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

Content section (1)

• ...consider replacing heading, copy, and CTA with a Content item

Pictogram item (1)

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

Resources

• r1: Box folder

---

optional string

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

Back to top

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

optional markdown

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

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

optional component

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

	props	values
4.1	type	All types
4.2	style	text button

See CTA for more information.

Back to top