Larger Multiline Input Elements

[samad-yar-khan]

Problem

• Rocket.Chat Apps developers run into use cases where the need larger input boxes inside a modal.
• Example : In GitHub Rocket.Chat App we want to fetch code and display it inside a MultilineInput Component, but the input box is to small to read code snippets. Please Go through this Discussion -> (#744)

Available Component

• The Fuselage UI Kit offers Rocket.Chat App Developers a MultilineInput Element to take user input inside a multiline input box.
• This component works well with small user inputs but it becomes inconvenient for larger user input cases. Example : 1) Adding a code snippet as input as seen below. 2) Taking Journal Entries as input in a potential RC Journal App

2022-07-11.04-58-13.mp4

Describe the behavior of New Component

• Adding a new MediumMultilineInput Component and a LargeMultilineInput Component.
• The Existing MultilineInput Component will be used as a SmallMultilineInputComponent

Insert an image

• Medium Multiline Input Component

  • Modal
    

  • Banner
    

• Medium Multiline Input Component

  • Modal
    

  • Banner