Dotcom shell

Decorator Layout component

The [[Dotcom shell] wraps up all of the global and required IBM.com components into a single component for easy page creation.

---

Table of contents

• 1. Masthead
• 2. Children
• 3. Footer

Dependencies (3)

• Masthead
• Footer
• Carbon 2x grid

Resources

• r1: Box folder

---

Here are a couple components/features we should consider adding: Back to top, Scroll animations, Site feedback, Let's talk

Should sticky component behavior be controlled in this component to reduce its complexity across the system?

1. Masthead

required component

The masthead provides the site's main navigation along with other features, and is required on all IBM.com pages. This component is used as is, so check out Masthead for how to use it.

See Masthead for more details

Back to top

2. Children

optional container

An optional container area that child components, and other content types can be passed into. This section already wraps its children with a Carbon 2x grid .bx--grid container.

The current implementation of this component's dependency on the Carbon 2x grid limits its ability to provide full width / bleeding layouts to its children.

Example

Back to top

3. Footer

required component

The footer component provides additional links and legal requirements at the bottom of the page, and is required on all IBM.com pages. This component is used as is, so check out Footer for how to use it.

See Footer for more details

Back to top