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

プレビューはサンプルデータで動作します。ネットワークもチャネルも不要です。

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

インストール

shadcn プロジェクトで実行してください。ファイルはあなた自身のコードにコピーされます。

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

使い方

tsx

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

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

Props

`YuvaIdeaSuggestProps`

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

ラベル

ラベルの一覧は Yuva roadmap にあります。

依存関係

この項目をインストールすると、次のものも追加されます。

shadcn/ui のコンポーネント

button ↗

その他の Yuva 項目

← 前へYuva idea 次へ →Yuva chat hook