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.

La vista prèvia fa servir dades d'exemple. No necessita xarxa ni canal.

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

Instal·lació

Executa això en un projecte de shadcn. Els fitxers es copien al teu propi codi.

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

Ús

tsx

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

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

Props

`YuvaIdeaProps`

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

Etiquetes

Les etiquetes figuren a Yuva roadmap.

Dependències

Instal·lar aquest element també afegeix el següent.

Components de shadcn/ui

badge ↗

Altres elements de Yuva

← AnteriorYuva help article Següent →Yuva idea suggest form