Author Bio

Author card at the end of an article, with a follow button. Pro · Content and social › Reading and author

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add author-bio

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { AuthorBio } from 'valyro-ui-pro';

Prop	Type	Default
`name` *	`string`		Author's name.
`position`	`ReactNode`		Position or beat: "Senior reporter, technology".
`avatarSrc`	`string`		Portrait; initials stand in without it.
`bio`	`ReactNode`		A few sentences about the author.
`href`	`string`		Author page: the name links to it, and an "All articles" link appears.
`articleCount`	`number`		Number of published pieces.
`links`	`AuthorBioLink[]`	`[]`	Profiles and contacts: social accounts, email, a newsletter.
`following`	`boolean`		The reader follows the author (controlled). Pass it, `defaultFollowing` or `onFollowingChange` to show the Follow button.
`defaultFollowing`	`boolean`		Initial `following` when uncontrolled.
`onFollowingChange`	`(following: boolean) => void`		Called with the new `following` when it changes.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the author's name (default 2).
`variant`	`'card' \| 'plain'`	`'card'`	`card`: a framed panel (default); `plain`: a divider above, for the end of an article.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`labels`	`Partial<AuthorBioLabels>`		Overrides for the built-in English text; keys left out keep their defaults.