From b13904154b484603b70522db1b3e7e02dcce2036 Mon Sep 17 00:00:00 2001
From: JC Perez Chavez <jc.perezchavez@gmail.com>
Date: Sat, 1 Sep 2018 00:28:38 -0400
Subject: [PATCH] feat(QInput, QChipsInput, QUploader): Add custom loading slot
 as QBtn

---
 source/components/chips-input.md     |  5 +++++
 source/components/input-textfield.md |  5 +++++
 source/components/uploader.md        | 14 ++++++++++++++
 3 files changed, 24 insertions(+)

diff --git a/source/components/chips-input.md b/source/components/chips-input.md
index 90d82ad6..cc9c22d2 100644
--- a/source/components/chips-input.md
+++ b/source/components/chips-input.md
@@ -33,6 +33,11 @@ framework: {
 
 <!-- On error state -->
 <q-chips-input v-model="model" error />
+
+<!-- With custom loading spinner -->
+<q-chips-input v-model="model">
+  <q-spinner-oval slot="loading" />
+</q-chips-input>
 ```
 
 > The model variable must be an Array.
diff --git a/source/components/input-textfield.md b/source/components/input-textfield.md
index ced91f1e..2fe955aa 100644
--- a/source/components/input-textfield.md
+++ b/source/components/input-textfield.md
@@ -27,6 +27,11 @@ framework: {
   :max-height="100"
   rows="7"
 /><!-- max-height refers to pixels -->
+
+<!-- With custom loading spinner -->
+<q-input v-model="text">
+  <q-spinner-oval slot="loading" />
+</q-input>
 ```
 
 ## Vue Properties
diff --git a/source/components/uploader.md b/source/components/uploader.md
index 7462bf63..fb6b447c 100644
--- a/source/components/uploader.md
+++ b/source/components/uploader.md
@@ -157,6 +157,20 @@ Examples:
 />
 ```
 
+### Custom Spinner
+By default, when the Uploader component is in `uploading` state, it displays the default theme spinner to indicate such state. It is possible to customize the spinner used by defining a `loading` slot, as below:
+
+```html
+<q-uploader
+  :url="url">
+  <!--
+      Notice slot="loading". This is optional.
+      If missing, the default theme spinner will be used.
+    -->
+  <q-spinner-bars slot="loading" />
+</q-uploader>
+```
+
 ## Vue Methods
 | Vue Method | Description |
 | --- | --- |