<BlogBaseCard />
Intro
<BlogBaseCard />
component is a versatile UI element used to display organized and visually appealing snippets of information.
Example
![](/images/docs/components/blog/base/card.png)
Usage
To use the component, simply add it to your template:
<BlogBaseCard />
The component is located in the @/components/global/Blog/Base/Card
directory. To use the component, import it into your file:
import BlogBaseCard from '/components/global/Blog/Base/Card';
<template>
<BlogBaseCard
v-for="(post, index) in data"
:key="index"
:title="post.title"
:cover="post.cover"
:path="post._path"
:description="post.description"
:date="post.publishedAt"
:author="post.author.name"
/>
</template>