Hover Card

Menampilkan pratinjau konten di balik sebuah tautan bagi pengguna yang melihat layar.

Instalasi

bash

npx shadcn-vue@latest add hover-card

Pasang dependensi berikut:

bash

npm install reka-ui

Salin dan tempel kode sumber di GitHub ke project Anda.

Sesuaikan path import dengan struktur project Anda.

Penggunaan

vue

<script setup lang="ts">
import {
  HoverCard,
  HoverCardContent,
  HoverCardTrigger,
} from '@/components/ui/hover-card'
</script>

<template>
  <HoverCard>
    <HoverCardTrigger>Hover</HoverCardTrigger>
    <HoverCardContent>
      The Vue Framework – created and maintained by Evan You.
    </HoverCardContent>
  </HoverCard>
</template>

Form Input

Di halaman ini

Instalasi Penggunaan

Hover Card

Instalasi ​

Penggunaan ​

Instalasi

Penggunaan