Yuva idea suggest form

A form to suggest an idea to the roadmap, with similar ideas shown while the title is typed and the reader sign-in prompt.

Suggest an idea

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

tsx

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

export function Suggest() {
  return (
    <YuvaDiscussionsProvider
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    >
      <YuvaIdeaSuggest onSuggested={(idea) => console.log(idea.title)} />
    </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-suggest.json

Shell

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

Shell

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

Shell

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

Gebruik

tsx

import { YuvaIdeaSuggest } from "@/components/yuva-idea-suggest"

<YuvaIdeaSuggest onSuggested={(idea) => setIdea(idea.id)} />

Props

`YuvaIdeaSuggestProps`

Prop	Type
`labels?`	`Partial<YuvaRoadmapLabels>`
`discussionLabels?`	`Partial<YuvaDiscussionsLabels>`
`className?`	`string`
`onSuggested?`	`(idea: Discussion) => void`
`onSelect?`	`(idea: Discussion) => void`
`onCancel?`	`() => void`

Labels

De labels staan op Yuva roadmap.

Afhankelijkheden

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

Componenten van shadcn/ui

button ↗

Andere Yuva-items

← VorigeYuva idea Volgende →Yuva chat hook