Textareas

Example: Textarea (Without Class)

Copy

                                    
                                        <textarea name="" id="" rows="4" cols="50" placeholder="Required" aria-label="Text Area"></textarea>

Example: Textarea (With "form-control" Class)

Success Message

Error Message

Copy

                                    
                                        <textarea class="form-control" name="" id="" rows="4" cols="50" placeholder="Required" aria-label="Text Area"></textarea>

Copy

                                    
                                        <!-- SUCCESS -->

                                        <textarea class="form-control is-valid" name="" id="" rows="4" cols="50" placeholder="Required" aria-label="Text Area"></textarea>

                                        <!-- SUCCESS WITH MESSAGE -->

                                        <textarea class="form-control is-valid" name="" id="" rows="4" cols="50" placeholder="Required" aria-label="Text Area"></textarea>

                                        <div class="valid-feedback">Text</div>

                                        <!-- ERROR WITH MESSAGE -->

                                        <textarea class="form-control is-invalid" name="" id="" rows="4" cols="50" placeholder="Required" aria-label="Text Area" required></textarea>

                                        <div class="invalid-feedback">Text</div>