BlogPost

A customizable article to display in a blog page.

Key Props

• title: to display the title of the BlogPost.
• description: to display the description of the BlogPost.
• date: to display the date of the BlogPost.
• badge: to display a Badge in the BlogPost.
• image: to display an image in the BlogPost.
• authors: to display a list of User in the BlogPost as an array of objects with the following properties:

• name?: string{lang="ts-type"}
• description?: string{lang="ts-type"}
• avatar?: Omit<AvatarProps, 'size'>{lang="ts-type"}
• chip?: boolean | Omit<ChipProps, 'size' | 'inset'>{lang="ts-type"}
• size?: UserProps['size']{lang="ts-type"}
• orientation?: UserProps['orientation']{lang="ts-type"}

You can pass any property from the Link component such as to, target, etc.

• variant: to change the style of the BlogPost.
• orientation: to change the BlogPost orientation.

Usage

<UBlogPost
  <!-- props here -->
/>