Topic Card

Example

<Topic topic={props.topic} variant="card" />
Image without description
  • opinion
  • test
  • demo
  • story

Card example topic

This is an example of a topic abstract text.

Test action

Example

<Topic topic={props.topic} variant="card" swapImage={true} />
Image without description
  • opinion
  • test
  • demo
  • story

Card example topic

This is an example of a topic abstract text.

Test action

Example

<Topic topic={{...props.topic}} variant="card" />
Image without description
  • opinion
  • test
  • demo
  • story

Card example topic

This is an example of a topic abstract text.

Test action

Frontmatter

topic:
  heading: Card example topic
  labels: [opinion, test, demo, story]
  abstract: This is an example of a topic abstract text.
  image: /green-lib/story-assets/images/pexels-skyler-ewing-4596712.jpg
  icon: book-open
  action:
    heading: Test action
    icon: archive
    url: /