PubCard

This is a card component that can be used to display content in a card. It provides various options for customizing the card, such as adding a border, shadow, and rounded corners.

Default Card

Noteworthy technology acquisitions 2021

Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.

<template>
    <pub-card href="#" class="w-sm">
      <div class="p-5">
        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900">
          Noteworthy technology acquisitions 2021
        </h5>
        <p class="font-normal text-gray-700">
          Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
        </p>
      </div>
    </pub-card>
</template>

<script setup>
import { PubCard } from 'vuelicity';
</script>

Card with image

Noteworthy technology acquisitions 2021

Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.

<template>
    <pub-card
      img-alt="Desk"
      img-src="/images/image003.jpg"
      variant="image"
      class="w-md"
    >
      <div class="p-5">
        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900">
          Noteworthy technology acquisitions 2021
        </h5>
        <p class="font-normal text-gray-700">
          Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
        </p>
      </div>
    </pub-card>
</template>

<script setup>
import { PubCard } from 'vuelicity';
</script>

Horizontal Card

Noteworthy technology acquisitions 2021

Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.

<template>
    <pub-card img-alt="Desk" img-src="/images/image001.jpg" variant="horizontal"
        class="w-lg">
        <div class="p-5">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900">
                Noteworthy technology acquisitions 2021
            </h5>
            <p class="font-normal text-gray-700">
                Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
            </p>
        </div>
    </pub-card>
</template>

<script setup>
import { PubCard } from 'vuelicity';
</script>