Zum Inhalt springen
Yuva discussion listMenü

Yuva discussion list

The discussions of a page with New, Top and Unanswered tabs, answered and locked badges, votes and reply counts.

Die Vorschau läuft mit Beispieldaten. Sie braucht weder Netzwerk noch Kanal.

Installation

Führen Sie das in einem shadcn-Projekt aus. Die Dateien werden in Ihren eigenen Code kopiert.

Shell
npx shadcn@latest add https://useyuva.com/r/yuva-discussion-list.json

Verwendung

tsx
import { YuvaDiscussionList } from "@/components/yuva-discussion-list"

<YuvaDiscussionList page={page} onSelect={(discussion) => setId(discussion.id)} />

Props

YuvaDiscussionListProps

PropTyp
pagestring | null | undefined
sort?DiscussionSort
onSortChange?(sort: DiscussionSort) => void
onSelect(discussion: Discussion) => void
labels?Partial<YuvaDiscussionsLabels>
className?string

Beschriftungen

Die Beschriftungen stehen auf der Seite Yuva discussions.

Abhängigkeiten

Die Installation dieses Elements fügt auch Folgendes hinzu.

Komponenten von shadcn/ui

Weitere Yuva-Elemente

npm-Pakete