Langkau ke kandungan
Yuva discussion listMenu

Yuva discussion list

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

Pratonton berjalan dengan data contoh. Ia tidak memerlukan rangkaian atau saluran.

Pemasangan

Jalankan ini dalam projek shadcn. Fail disalin ke kod anda sendiri.

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

Penggunaan

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

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

Props

YuvaDiscussionListProps

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

Label

Label disenaraikan di Yuva discussions.

Kebergantungan

Memasang item ini turut menambah yang berikut.

Komponen daripada shadcn/ui

Item Yuva lain

Pakej npm