EntityHeader

Simple

Francesca DiMattio
<EntityHeader name="Francesca DiMattio" />

With image

Francesca DiMattio
<EntityHeader
  imageUrl="https://picsum.photos/110/110/?random"
  name="Francesca DiMattio"
/>

Fallback with initials

When no imageURL is provided it will defer to the initials prop:

<EntityHeader
  initials="FD"
  name="Francesca DiMattio"
  meta="American, b. 1979"
  href="http://www.artsy.net/artist/francesca-dimattio"
/>

Smaller version

When smallVariant prop is provided:

<EntityHeader
  smallVariant
  initials="FD"
  name="Francesca DiMattio"
  imageUrl="https://picsum.photos/110/110/?random"
  href="http://www.artsy.net/artist/francesca-dimattio"
/>

Custom follow button

<BorderBox width={500}>
  <EntityHeader
    imageUrl="https://picsum.photos/110/110/?random"
    initials="FD"
    name="Francesca DiMattio"
    meta="American, b. 1979"
    href="http://www.artsy.net/artist/francesca-dimattio"
    FollowButton={<Button size="small">Follow</Button>}
    width="100%"
  />
</BorderBox>
On this page
Simple
With image
Fallback with initials
Smaller version
Custom follow button