Yuva chat composer

A message box with chips for attached files, an attach button, an optional screenshot button, an Enter to send hint and a send button.

ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾದರಿ ಡೇಟಾದಲ್ಲಿ ಓಡುತ್ತದೆ. ಇದಕ್ಕೆ ನೆಟ್‌ವರ್ಕ್ ಅಥವಾ ಚಾನಲ್ ಬೇಕಿಲ್ಲ.

tsx

import { YuvaChatComposer } from "@/components/yuva-chat-composer"
import { useYuvaChat } from "@/hooks/use-yuva-chat"

export function Composer() {
  const chat = useYuvaChat({
    server={process.env.NEXT_PUBLIC_YUVA_SERVER}
    channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL},
  })
  return <YuvaChatComposer chat={chat} />
}

ಸ್ಥಾಪನೆ

ಇದನ್ನು ಒಂದು shadcn ಯೋಜನೆಯಲ್ಲಿ ಚಲಾಯಿಸಿ. ಫೈಲ್‌ಗಳು ನಿಮ್ಮದೇ ಕೋಡ್‌ಗೆ ನಕಲಾಗುತ್ತವೆ.

Shell

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

Shell

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

Shell

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

Shell

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

ಬಳಕೆ

tsx

import { YuvaChatComposer } from "@/components/yuva-chat-composer"

<YuvaChatComposer chat={chat} />

Props

`YuvaChatComposerProps`

Prop	ಪ್ರಕಾರ
`chat`	`YuvaChatState`
`labels?`	`Partial<YuvaChatLabels>`
`locale?`	`string`
`disabled?`	`boolean`
`onCapture?`	`() => File \| null \| undefined \| Promise<File \| null \| undefined>`
`className?`	`string`

ಲೇಬಲ್‌ಗಳು

ಲೇಬಲ್‌ಗಳು Yuva chat ಪುಟದಲ್ಲಿ ಪಟ್ಟಿಯಾಗಿವೆ.

ಅವಲಂಬನೆಗಳು

ಈ ಐಟಂ ಸ್ಥಾಪಿಸಿದರೆ ಕೆಳಗಿನವುಗಳೂ ಸೇರುತ್ತವೆ.

shadcn/ui ಘಟಕಗಳು

Yuva ದ ಇತರ ಐಟಂಗಳು

Yuva chat hook

npm ಪ್ಯಾಕೇಜ್‌ಗಳು

lucide-react ↗

← ಹಿಂದಿನYuva chat thread ಮುಂದೆ →Yuva chat conversations