Media block

The Box component is a low-level primitive used for layout purposes. It can be used to create grid layouts, apply padding or margin, and more.

Here is an example of how the Box component can be used to apply padding and border around its children.

Heading

This is copy

<MediaBlock
  heading="Heading"
  altText="This is altText"
  copy="This is copy"
  ctaText="This is CTA"
  ctaTarget="_blank"
/>

<MediaBlock
  heading="Heading"
  altText="This is altText"
  copy="This is copy"
  ctaText="This is CTA"
  ctaTarget="_blank"
/>

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.

Name	Type	Required?	Default Value	Description
children	node	optional	none	Content (accepted via string or components / DOM nodes)
heading	string	optional	none	Heading
source	string	optional	none
altText	string	optional	none
copy	string	optional	none
ctaText	string	optional	none
ctaTarget	string	optional	none
ctaHref	string	optional	none