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

Core Layout component

Content item horizontal is a component for displaying basic text elements and CTAs in a horizontally-distributed column layout.

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

---

Table of contents

• 1. Eyebrow
• 2. Heading
• 3. Media
• 4. Copy
• 5. Link list

Dependencies (4)

• Markdown utility
• Link list
• Image with caption
• Video

Used by (2)

• Content block horizontal
• Tabs extended media

Back links (5)

Content block horizontal (4)

• Content item horizontal components in the children container of
• the Content item horizontal
• Content item horizontal uses the component directly as is, and can...
• See Content item horizontal for more

Tabs extended media (1)

• its content using the Content item horizontal

Resources

• r1: Box folder

---

optional string

Static text element that displays a secondary header for the pattern.

Back to top

required string

Static text element that displays a primary header for the pattern.

Back to top

optional component

The media here is can be an Image with caption or a Video.

	values	description
3.0.1	right	Aligns the media right, and content left.	default
3.0.2	left	Aligns media left, and content right.
3.0.3	thumbnail	Sets the smaller size image off to the side. Hides any caption, and eyebrow 1
3.0.4	feature	Media takes full width of component to grab attention.

See Image with caption and Video for more details.

Back to top

required markdown

Static text element that displays body copy for the pattern using markdown.

See Markdown utility for more details.

Back to top

optional component

Link list is used here to display CTAs.

	name	value
5.0.1	heading	false
5.0.2	layout	vertical
5.0.3	columns	1
5.0.4	CTA style	text

If not explicitly stated, additional modifiers should be allowed to pass through at adopters discretion.

See Link list for more details.

Back to top