Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Page metadata

JSX for this example
<React.Fragment />

Inline metadata

JSX for this example
<React.Fragment />

Page metadata configuration

Metadata components can use the following props:

className (optional)
A CSS class name to pass to the component.
isInline (optional)
Makes the page metadata use the truncated ‘inline’ display. Boolean.

Medatata item configuration

Metadata components can have any number of Metadata.Item children. Metadata item components can use the following props:

name
The name or key of the metadata item.

The value of the metadata item is provided by its children.