/

<AuthorByline> Component

Share
Code Editor
<div style={{ padding: 24, background: 'white' }}>

  <AuthorByline

    avatar="https://www.datocms-assets.com/2885/1560891392-cropped0000armon.jpg"

    name="Name"

    role="Company, Role"

  />

</div>

Examples

Light theme

Name avatar

Name

Company, Role

Dark theme

Name avatar

Name

Company, Role

Props

NameDescription
avatar
string
Source url of the image
name*
string
Renders as the first line of the byline
role*
string
Renders as the second line of the byline
variant
string
Render on light or dark backgrounds
Options: "light", "dark"
appearance
string
Render on light or dark backgrounds
Options: "light", "dark"