ข้ามไปยังเนื้อหา
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