Documentation

La zone de texte se compose de deux sections majeurs :

Il est possible de spécifier les fichiers autoriser à l'upload. Pour se faire il faut renseigner l'attribut data-accepted du formulaire #formChat.

Exemple : form#formChat.chat__box.js-chatBox(data-accepted=".jpg, .png" action="/" enctype="multipart/form-data")

On autoriste les extensions .jpg et .png.

Les actions Javascript sont désactivées pour la vue isolée du composant, pour avoir la demo intéractive voir la section : Chat/Scripts.

Zone de text / upload

Preview

Balisage


                
                    <div class="chat__box__footer">
                        <div class="chat__box__footer__actions dz-default dz-message">
                            <input type="file" name="file"/>
                            <div class="icon"><span class="c-fonticon__icon-link"></span></div>
                            <div class="icon"><span class="c-fonticon__icon-thumb"></span></div>
                        </div>
                        <div class="chat__box__footer__textarea">
                            <textarea class="js-chatTextarea" placeholder="Entrez votre message"></textarea>
                            <button class="js-chatButtonSubmit" disabled="disabled"><span class="c-fonticon__icon-arrow-up"></span></button>
                        </div>
                    </div>