Skip to content

Chat Component #3

@machinellama

Description

@machinellama

Description of feature request

Create a new Chat component that displays an ongoing chat with one or more people


Expected behavior

  • Display chat messages (array of items input as prop)
  • Specify which ones are the user themselves and style those different than messages from other people
  • Include certain metadata for each message like name and date
  • Date should be formatted to use the user's browser timezone (check utility functions for that, might already have something to help)
  • Input box for writing a new message
  • Props for what happens when you send a message
  • Prop for limit to new message size
  • Prop for loading and correct loading indicators using that
  • Good layout and scrolling behavior
  • Mobile friendly and responsive
  • Use utility classnames from finallyreact (don't use inline styles or tailwind or anything like that)
  • No external libraries allowed at all (except React)
  • Should be accessible: aria labels, semantics, color contrast, keyboard navigation, tab index, etc.
  • Use existing components from FinallyReact when applicable

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions