AlpineJS Chat with Shift Enter

# Using ENTER for submit and SHIFT+ENTER for multi-line chat If you've noticed on LinkedIn messaging when you chat with someone, you hit the ENTER key to send the message across and SHIFT+ENTER to enter a new line in the chat box. Most people aren't used to SHIFT+ENTER to go to the next line though. This is pretty simple to replicate using AlpineJS. We listen to `@keydown.shift` and `@keyup.shift` where keyup / keydown are the keys that are pressed down or up respectively and `.shift` is for listening specifically for the SHIFT key. ```xml ``` Using `x-html` is dangerous but newlines in `textarea` should be converted to HTML. Here's the complete code. ```xml AlpineJS Chat with Shift Enter

``` Demo : [https://anjanesh.s3.amazonaws.com/demo/alpine/shift-enter.html](https://anjanesh.s3.amazonaws.com/demo/alpine/shift-enter.html)