chakra-pro-issues icon indicating copy to clipboard operation
chakra-pro-issues copied to clipboard
verified publisher icon chakra-ui

Chat interface

Open pierroo opened this issue 4 years ago • 1 comments

Screenshot & Url Something like that: https://chatscope.io/demo/

Additional context Basically a scroll at the left with list of friends; a search bar above, and the main screen being the chat interface perhaps with some additional components like an emoji picker; or adding a file from the input on top of simple text. Enter to send; shift enter to go next line; etc But even just a chat interface would still be amazing

pierroo avatar Jun 26 '21 18:06 pierroo

Just requested a chat component as well. Closing my request https://github.com/chakra-ui/chakra-pro-issues/issues/45 for this one.

Screenshot & Url A chat component with a content area (for text), metadata area (for timestamp, user name, etc), avatar area, and extra content area (for Like button or emoji button).

Examples: Ant Design (https://ant.design/components/comment/) image

Microsoft Teams (https://fluentsite.z22.web.core.windows.net/0.63.0/components/chat/definition) image

Slack screenshot image

Additional context I think it'd be nice to have the functionality to position the chat bubble on the left and right sides (see Microsoft Teams example above), which would involve mirroring the metadata area, avatar area and extra content area.

nick-kang avatar May 28 '22 02:05 nick-kang