Update filters.md

mckinsey · Aug 7, 2024 · 77230b3 · 77230b3
1 parent 28bd661
commit 77230b3
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/vizro-core/docs/pages/user-guides/filters.md b/vizro-core/docs/pages/user-guides/filters.md
@@ -18,7 +18,7 @@ automatically based on the target column, for example, a dropdown for categorica
 
 !!! example "Basic Filter"
     === "app.py"
-        ```py
+        ```{.python pycafe-link}
         from vizro import Vizro
         import vizro.plotly.express as px
         import vizro.models as vm
@@ -58,6 +58,7 @@ automatically based on the target column, for example, a dropdown for categorica
             title: My first page
         ```
     === "Result"
+        
         [![Filter]][Filter]
 
     [Filter]: ../../assets/user_guides/control/control1.png
@@ -69,7 +70,7 @@ Currently available selectors are [`Checklist`][vizro.models.Checklist], [`Dropd
 
 !!! example "Filter with custom Selector"
     === "app.py"
-        ```py
+        ```{.python pycafe-link}
         from vizro import Vizro
         import vizro.plotly.express as px
         import vizro.models as vm
@@ -110,6 +111,7 @@ Currently available selectors are [`Checklist`][vizro.models.Checklist], [`Dropd
             title: My first page
         ```
     === "Result"
+        
         [![Selector]][Selector]
 
     [Selector]: ../../assets/user_guides/control/control2.png
@@ -126,7 +128,7 @@ Below is an advanced example where we only target one page component, and where
 
 !!! example "Advanced Filter"
     === "app.py"
-        ```py
+        ```{.python pycafe-link}
         from vizro import Vizro
         import vizro.plotly.express as px
         import vizro.models as vm
@@ -181,6 +183,7 @@ Below is an advanced example where we only target one page component, and where
             title: My first page
         ```
     === "Result"
+        
         [![Advanced]][Advanced]
 
     [Advanced]: ../../assets/user_guides/control/control3.png