Author

The author component displays an authors name, avatar and optional detail and links.

Dan Spratling

Usage

import { Author } from "#/ui/components/Author"

<Author
  avatar={{
    src: "https://a.storyblok.com/f/180053/1200x1600/bbce43daaf/dan-spratling-profile-picture.jpg",
    alt: "Dan Spratling",
  }}
  name="Dan Spratling"
/>

Link

To turn your author profile card into a link, wrap it with a link component (or use <a>)

Dan Spratling

Detail

We can optionally pass additional detail which will appear under the authors name.

Dan Spratling

Founder of Skyward Digital

Sizes

In some situations you might want to adjust the size of the author component, which you can do using the size prop

Dan Spratling