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

Previzualizarea rulează pe date de exemplu. Nu are nevoie de rețea și nici de canal.

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

Instalare

Rulează asta într-un proiect shadcn. Fișierele sunt copiate în codul tău.

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

Utilizare

tsx

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

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

Props

`YuvaIdeaSuggestProps`

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

Etichete

Etichetele sunt listate pe pagina Yuva roadmap.

Dependențe

Instalarea acestui element adaugă și următoarele.

Componente din shadcn/ui

button ↗

Alte elemente Yuva

← AnteriorYuva idea Următorul →Yuva chat hook