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.

L'aperçu utilise des données d'exemple. Il n'a besoin ni de réseau ni de 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>
  )
}

Installation

Exécutez ceci dans un projet shadcn. Les fichiers sont copiés dans votre propre code.

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

Utilisation

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`

Libellés

Les libellés sont listés sur Yuva roadmap.

Dépendances

L'installation de cet élément ajoute aussi ce qui suit.

Composants de shadcn/ui

badge ↗

Autres éléments Yuva

← PrécédentYuva help article Suivant →Yuva idea suggest form