nuxt-x-marketing
BlogAuthor
Author display in three variants — inline, full bio, and card.
BlogAuthor
Renders author information in three sizes: inline / sm for attribution lines, full for a boxed bio at the end of an article, and card for centered profile cards.
Components
<XMarkBlogAuthor />
Renders author information in three sizes: inline / sm for attribution lines, full for a boxed bio at the end of an article, and card for centered profile cards.
<XMarkBlogAuthor
:author="{
name: 'Jane Doe',
title: 'Senior Engineer',
bio: 'Jane writes about web performance and developer experience.',
avatar: '/avatars/jane.jpg',
social: { twitter: 'https://twitter.com/jane', github: 'https://github.com/jane' },
}"
variant="full"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
author | Object | Required | Author object { name, title?, bio?, avatar?, social?: { [platform]: url } } |
variant | String | 'inline' | Display variant: 'inline', 'sm', 'full', 'card' |
AI Context
category: Blog
package: "@xenterprises/nuxt-x-marketing"
components:
- XMarkBlogAuthor
use-when: >
Displaying author attribution on blog posts. Use inline/sm for card
attribution, full for an end-of-article bio box, and card for author
profile pages or team pages.
typical-page-section: Blog post card footer (inline), end of article (full), author profile page (card).