# Showcase Card

> A card with 3D tilt effect that responds to mouse movement for showcasing content.

<demo-showcase-card>



</demo-showcase-card>

## Installation

```bash
npx shadcn-vue@latest add "https://nxui.geoql.in/r/showcase-card.json"
```

## Usage

```vue
<script setup lang="ts">
  import ShowcaseCard from '~/components/ui/showcase-card/ShowcaseCard.vue';
</script>

<template>
  <ShowcaseCard
    tagline="Work fast. Live slow."
    heading="Create your digital reality."
    description="From nothing to everything."
    image-url="/images/showcase.jpg"
    cta-text="Send a message"
  />
</template>
```

## Props

<table>
<thead>
  <tr>
    <th>
      Prop
    </th>
    
    <th>
      Type
    </th>
    
    <th>
      Default
    </th>
    
    <th>
      Description
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <code>
        class
      </code>
    </td>
    
    <td>
      <code>
        string
      </code>
    </td>
    
    <td>
      <code>
        ''
      </code>
    </td>
    
    <td>
      Additional CSS classes for styling
    </td>
  </tr>
</tbody>
</table>