Content section
Layout component
The Content section is a core component that can be used as a section level wrapper. It includes a heading and optional children.
Table of contents
- 1. Heading
- 2. Copy
- 3. CTA - Properties and values
- 4. Children - Example
- 5. Layout - Properties and values
Back links (2)
- Card section carousel combines the Content section, Carousel components, and CTA Cards...
Content block (1)
- ...placing them within the Carbon 2x grid or a Content section. Many of the options available at this level are...
Should consider replacing heading, copy, and CTA with a Content item. Issue right now is hierarchy
H2vsH4?
optional string
An optional short String of text to be displayed as an H2 level heading, and indicates a change in section.
H2even when it has a child of Content block that is also anH2, or is it more of an either or situation?
optional string
An optional short String of text that describes the section in a little more detail.
optional component
An optional section level CTA that allows a user to navigate to related content.
| props | values | |
|---|---|---|
4.1 |
type |
All except for jump
|
4.2 |
style |
text |
See CTA for more information.
optional container
An optional container area that child components, and other content types can be passed into.
When nesting children use with the Layout component's
8-4and nested option set totruefor proper alignment to the Carbon 2x grid.
built-in component
The Content Section uses the Layout core component to position itself and body content in the expected column layout. Refer to Layout functional specs for details
| props | values | |
|---|---|---|
5.1 |
type |
4-12 |
5.2 |
nested |
false |