UxHoverBox
components/ux/HoverBox.vue
Card that elevates with shadow on hover and reveals a call-to-action with triangle icon.
Card title
Card content goes here.
View details
components/ux/HoverBox.vue
Usage
<UxHoverBox
callToAction = "null"
hoverText = "—"
>
Content here
</UxHoverBox>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| callToAction | String | null | Action text shown on hover |
| hoverText | String | '' | Tooltip or descriptive hover text |
Events
| Event | Description |
|---|---|
| clicked | When the box is clicked |
Slots
| Slot | Description |
|---|---|
| default | Card content |