Yuva idea

One roadmap idea: its stage, the opening post with a vote button (closed for shipped and closed ideas), replies and the reply composer, built on the discussion thread.

ตัวอย่างทำงานด้วยข้อมูลตัวอย่าง ไม่ต้องใช้เครือข่ายหรือช่องทาง

tsx

import { YuvaDiscussionsProvider } from "@/hooks/use-yuva-discussions"
import { YuvaIdea } from "@/components/yuva-idea"

export function Idea({ id }: { id: string }) {
  return (
    <YuvaDiscussionsProvider
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    >
      <YuvaIdea id={id} />
    </YuvaDiscussionsProvider>
  )
}

การติดตั้ง

รันคำสั่งนี้ในโปรเจกต์ shadcn ไฟล์จะถูกคัดลอกไปเป็นโค้ดของคุณเอง

Shell

npx shadcn@latest add https://useyuva.com/r/yuva-idea.json

Shell

pnpm dlx shadcn@latest add https://useyuva.com/r/yuva-idea.json

Shell

yarn dlx shadcn@latest add https://useyuva.com/r/yuva-idea.json

Shell

bunx --bun shadcn@latest add https://useyuva.com/r/yuva-idea.json

การใช้งาน

tsx

import { YuvaIdea } from "@/components/yuva-idea"

<YuvaIdea id={ideaId} onBack={() => setIdea(null)} />

Props

`YuvaIdeaProps`

Prop	ชนิด
`id`	`string`
`labels?`	`Partial<YuvaRoadmapLabels>`
`discussionLabels?`	`Partial<YuvaDiscussionsLabels>`
`className?`	`string`
`onBack?`	`() => void`
`onGone?`	`() => void`

ป้ายข้อความ

รายการป้ายข้อความอยู่ที่หน้า Yuva roadmap

ส่วนที่ต้องพึ่งพา

การติดตั้งรายการนี้จะเพิ่มรายการต่อไปนี้ด้วย

คอมโพเนนต์จาก shadcn/ui

badge ↗

รายการ Yuva อื่น ๆ

← ก่อนหน้าYuva help article ถัดไป →Yuva idea suggest form