fix reactivehtml issues

holoviz · Sep 25, 2023 · a99bad6 · a99bad6
1 parent 3471493
commit a99bad6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/doc/how_to/custom_components/index.md b/doc/how_to/custom_components/index.md
@@ -32,9 +32,6 @@ Build custom components using HTML, CSS and Javascript and without Javascript bu
 How to create layouts using `ReactiveHTML`
 :::
 
-::::{grid} 1 2 2 3
-:gutter: 1 1 1 2
-
 :::{grid-item-card} {octicon}`brush;2.5em;sd-mr-1 sd-animate-grow50` Styling
 :link: reactive_html/reactive_html_styling
 :link-type: doc

diff --git a/doc/how_to/custom_components/reactive_html/reactive_html_indicators.md b/doc/how_to/custom_components/reactive_html/reactive_html_indicators.md
@@ -264,7 +264,7 @@ class ArcProgressIndicator(pn.reactive.ReactiveHTML):
 
 indicator = ArcProgressIndicator(
     progress=10,
-    style={"background": "#efebeb"},
+    styles={"background": "#efebeb"},
     use_gradient=True,
     text_style={"fill": "gray"},
     format_options={"style": "percent"},

diff --git a/doc/how_to/custom_components/reactive_html/reactive_html_panes.md b/doc/how_to/custom_components/reactive_html/reactive_html_panes.md
@@ -4,7 +4,7 @@ In this guide we will show you how to efficiently implement `ReactiveHTML` panes
 
 ## Creating a ChartJS Pane
 
-In this example we will show you the basics of creating a
+This example will show you the basics of creating a
 [ChartJS](https://www.chartjs.org/docs/latest/) pane.
 
 ```{pyodide}
@@ -73,6 +73,8 @@ share your question and minimum, reproducible code example on
 
 ## Creating a Cytoscape Pane
 
+This example will show you how to build a more advanced [CytoscapeJS](https://js.cytoscape.org/) pane.
+
 ```{pyodide}
 import param
 import panel as pn