Author card

Avatar, name, bio and link; the hero variant heads an author page.

Articles

Pack defaults

With content

In context

Source

import { AuthorCard } from "demo-blog/components";

const props = {
  "name": "Mina Okafor",
  "href": "",
  "bio": "",
  "src": "",
  "alt": "",
  "variant": "inline"
};
<AuthorCard {...props} />

Live CSS

Injected into the previews above. Author card

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */