Topic Hero

Example

<Topic topic={props.topic} variant="hero" />

• opinion
• test
• demo
• story

Hero example topic

This is an example of a balanced topic abstract text that is placed below the header.

Test action

Example

<Topic topic={{...props.topic}} variant="hero" />

• opinion
• test
• demo
• story

Hero example topic

This is an example of a balanced topic abstract text that is placed below the header.

Test action

Example

<div className="s-popout">
  <Topic topic={props.topic} variant="hero" />
</div>

• opinion
• test
• demo
• story

Hero example topic

This is an example of a balanced topic abstract text that is placed below the header.

Test action

Frontmatter

topic:
  heading: Hero example topic
  labels: [opinion, test, demo, story]
  abstract: This is an example of a balanced topic abstract text that is placed below the header.
  image: /green-lib/story-assets/images/pexels-skyler-ewing-4596712.jpg
  icon: share
  action:
    heading: Test action
    icon: archive