update drilldown

_quarto.yml

@@ -143,6 +143,8 @@ website:
           href: demos/random-labels-preset.qmd
         - text: "Reactive Question"
           href: demos/reactive-question.qmd
+        - text: "Reactive drilldown"
+          href: demos/reactive-drilldown.qmd
         - text: "Custom Leaflet Map"
           href: demos/custom-leaflet-map.qmd
         - text: "Custom Plotly Chart"

demos.qmd

@@ -23,6 +23,7 @@ Brief description of each demo:
 | <i class="fa fa-random" aria-hidden="true"></i> | random-labels<br>[Access Demo](https://surveydown.shinyapps.io/random/) | A demo of how to implement [random labels](manuals/reactivity.html#randomizing-question-labels). |
 | <i class="fa fa-shuffle" aria-hidden="true"></i> | random-labels-preset<br>[Access Demo](https://surveydown2.shinyapps.io/random2/) | A demo of how to implement [predefined random labels](manuals/randomization.html). |
 | <i class="fa fa-code-compare" aria-hidden="true"></i> | reactive-question<br>[Access Demo](https://surveydown2.shinyapps.io/reactive/) | A demo of how to implement [a reactive question](manuals/reactivity.html#defining-questions-in-the-server-function). |
+| <i class="fa fa-code-car" aria-hidden="true"></i> | reactive-drilldown<br>[Access Demo](https://surveydown3.shinyapps.io/drilldown/) | A [reactive question](manuals/reactivity.html#defining-questions-in-the-server-function) demo of `drilldown`, in which latter question options are defined from the former selection. |
 | <i class="fa fa-map-location-dot" aria-hidden="true"></i> | custom-leaflet-map<br>[Access Demo](https://surveydown2.shinyapps.io/leaflet/) | A demo of how to implement a custom leaflet map in your survey using the [`sd_question_custom()`](manuals/custom-questions.html) function. |
 | <i class="fa fa-chart-line" aria-hidden="true"></i> | custom-plotly-chart<br>[Access Demo](https://surveydown2.shinyapps.io/plotly/) | A demo of how to implement a custom plotly chart in your survey using the [`sd_question_custom()`](manuals/custom-questions.html) function. |
 | <i class="fa fa-up-right-from-square" aria-hidden="true"></i> | external-redirect | A demo of how to implement external redirection links in your survey. |

demos/reactive-drilldown.qmd

@@ -0,0 +1,24 @@
+---
+title: "drilldown"
+toc: false
+css: ../css/demos.css
+---
+
+::: {.callout-note}
+
+A demo with reactive questions, with latter question options defined from the former selection.
+
+:::
+
+<div class="button-container">
+  <a href="https://surveydown3.shinyapps.io/drilldown/" class="demo-button" target="_blank">
+    <i class="fas fa-external-link-alt"></i> Open Demo in New Tab
+  </a>
+  <a href="https://github.com/surveydown-dev/demos" class="demo-button" target="_blank">
+    <i class="fab fa-github"></i> GitHub Repo
+  </a>
+</div>
+
+<div class="demo-iframe-container">
+<iframe src="https://surveydown3.shinyapps.io/drilldown/" class="demo-iframe"></iframe>
+</div>