document inherit keyword

Author: 1cg

www/content/attributes/hx-disabled-elt.md

@@ -32,7 +32,8 @@ Here is an example with a button that will disable itself during a request:
 When a request is in flight, this will cause the button to be marked with [the `disabled` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled), 
 which will prevent further clicks from occurring.  
 
-The `hx-disabled-elt` attribute also supports specifying multiple CSS selectors separated by commas to disable multiple elements during the request. Here is an example that disables buttons and text input fields of a particular form during the request:
+The `hx-disabled-elt` attribute also supports specifying multiple CSS selectors separated by commas to disable multiple
+ elements during the request. Here is an example that disables buttons and text input fields of a particular form during the request:
 
 ```html
 <form hx-post="/example" hx-disabled-elt="find input[type='text'], find button">
@@ -41,6 +42,19 @@ The `hx-disabled-elt` attribute also supports specifying multiple CSS selectors
 </form>
 ```
 
+Note that you can also use the `inherit` keyword to inherit parent values for a disabled elements and add additional 
+disabled element CSS selectors:
+
+```html
+<main hx-disabled-elt="#logout-button">
+    ...
+  <form hx-post="/example" hx-disabled-elt="inherit, find input[type='text'], find button">
+    <input type="text" placeholder="Type here...">
+    <button type="submit">Send</button>
+  </form>
+</main>
+```
+
 ## Notes
 
 * `hx-disabled-elt` is inherited and can be placed on a parent element

www/content/attributes/hx-include.md

@@ -31,7 +31,20 @@ Here is an example that includes a separate input value:
 This is a little contrived as you would typically enclose both of these elements in a `form` and submit
 the value automatically, but it demonstrates the concept.
 
-Note that if you include a non-input element, all input elements enclosed in that element will be included.
+Note that you can also use the `inherit` keyword to inherit parent values for inclusion and add additional values:
+
+```html
+<main hx-include="#hidden-input">
+    ...
+    <button hx-post="/example" hx-include="inherit, [name='email']">
+        Post It!
+    </button>
+    Enter email: <input name="email" type="email"/>
+</main>
+```
+
+
+Finally, note that if you include a non-input element, all input elements enclosed in that element will be included.
 
 ## Notes
 
@@ -52,4 +65,4 @@ Note that if you include a non-input element, all input elements enclosed in tha
   to [document.querySelectorAll](https://developer.mozilla.org/docs/Web/API/Document/querySelectorAll) and will include
   multiple elements, while the extended selectors such as `find` or `next` only return a single element at most to
   include
-* `hx-include` will ignore disabled inputs
+* `hx-include` will ignore disabled inputs

www/content/attributes/hx-indicator.md

@@ -25,6 +25,19 @@ Here is an example with a spinner adjacent to the button:
 </div>
 ```
 
+Note that you can also use the `inherit` keyword to inherit parent values for an indicator and add additional indicator
+CSS selectors:
+
+```html
+<main hx-indicator="#global-indicator">
+    ...
+    <button hx-post="/example" hx-indicator="inherit, #spinner">
+        Post It!
+    </button>
+    <img  id="spinner" class="htmx-indicator" src="/img/bars.svg"/>
+</main>
+```
+
 When a request is in flight, this will cause the `htmx-request` class to be added to the `#spinner`
 image.  The image also has the `htmx-indicator` class on it, which defines an opacity transition
 that will show the spinner: