Composite Component Pattern

Coupling Containers to their Concerns

Overview

Purpose

Composites

Example

An Example Twitter Profile Card

File Structure

Example file structure for the composite pattern

Connectors

Overview

Responsibilities

Example Use

Testing Guidelines

Components

Overview

Responsibilities

Example Use

Testing Guidelines

Blocks & Elements

Overview

Responsibilities

Example Use

Testing Guidelines

Thanks for Reading!

design systems @workday