Nameplate

Nameplate pairs an Avatar with a person's name, for compact author or member listings.

Example

<Nameplate
  avatar="https://github.com/idea2app.png"
  name="idea2app"
/>

Usage

<ul className="list-unstyled">
  {members.map(({ name, avatar }) => (
      <li key={name}>
          <Nameplate {...{ name, avatar }} />
      </li>
  ))}
</ul>