1# BlogPost
2 
3A customizable article to display in a blog page.
4 
5## Key Props
6 
7- `title`: to display the title of the BlogPost.
8- `description`: to display the description of the BlogPost.
9- `date`: to display the date of the BlogPost.
10- `badge`: to display a [Badge](/docs/components/badge) in the BlogPost.
11- `image`: to display an image in the BlogPost.
12- `authors`: to display a list of [User](/docs/components/user) in the BlogPost as an array of objects with the following properties:
13 
14- `name?: string`{lang="ts-type"}
15- `description?: string`{lang="ts-type"}
16- `avatar?: Omit<AvatarProps, 'size'>`{lang="ts-type"}
17- `chip?: boolean | Omit<ChipProps, 'size' | 'inset'>`{lang="ts-type"}
18- `size?: UserProps['size']`{lang="ts-type"}
19- `orientation?: UserProps['orientation']`{lang="ts-type"}
20 
21You can pass any property from the [Link](/docs/components/link#props) component such as `to`, `target`, etc.
22 
23- `variant`: to change the style of the BlogPost.
24- `orientation`: to change the BlogPost orientation.
25 
26## Usage
27 
28```vue
29<UBlogPost
30  <!-- props here -->
31/>
32```
33