コンテンツへスキップ
Yuva discussion composerメニュー

Yuva discussion composer

A Markdown composer with Write and Preview tabs for new discussions, replies and edits, and the reader sign-in prompt.

Markdown is supported.

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

インストール

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

Shell
npx shadcn@latest add https://useyuva.com/r/yuva-discussion-composer.json

使い方

tsx
import { YuvaDiscussionComposer } from "@/components/yuva-discussion-composer"

<YuvaDiscussionComposer withTitle onSubmit={async ({ title, body }) => {}} />

Props

YuvaDiscussionComposerProps

Prop型
withTitle?boolean
initialTitle?string
initialBody?string
submitLabel?string
placeholder?string
autoFocus?boolean
labels?Partial<YuvaDiscussionsLabels>
className?string
onTitleChange?(title: string) => void
onSubmit(input: { title: string; body: string }) => Promise<unknown>
onCancel?() => void

YuvaSignInProps

Prop型
labels?Partial<YuvaDiscussionsLabels>
className?string

ラベル

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

依存関係

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

shadcn/ui のコンポーネント

その他の Yuva 項目

npm パッケージ