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.

Het voorbeeld draait op voorbeeldgegevens. Het heeft geen netwerk en geen kanaal nodig.

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>
  )
}

Installatie

Voer dit uit in een shadcn-project. De bestanden worden naar je eigen code gekopieerd.

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

Gebruik

tsx

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

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

Props

`YuvaIdeaProps`

Prop	Type
`id`	`string`
`labels?`	`Partial<YuvaRoadmapLabels>`
`discussionLabels?`	`Partial<YuvaDiscussionsLabels>`
`className?`	`string`
`onBack?`	`() => void`
`onGone?`	`() => void`

Labels

De labels staan op Yuva roadmap.

Afhankelijkheden

Als je dit item installeert, worden ook de volgende items toegevoegd.

Componenten van shadcn/ui

badge ↗

Andere Yuva-items

← VorigeYuva help article Volgende →Yuva idea suggest form