Mark badges as experimental

exampleSite/content.en/_index.md

@@ -8,9 +8,9 @@ layout: landing
 # HUGO BOOK {anchor=false}
 [Hugo](https://gohugo.io) documentation theme as simple as plain book
 
-{{< badge style="info" title="Badge" value="Value" >}} {{< badge style="default" title="Badge" value="Value" >}}
+{{< badge style="info" title="Hugo" value="0.146" >}} {{< badge style="default" title="License" value="MIT" >}}
 
-{{<button href="/docs/example">}}Button{{</button>}}
+{{<button href="/docs/example">}}Explore{{</button>}}
 
 </div>
 

exampleSite/content.en/docs/shortcodes/badges.md

@@ -1,13 +1,16 @@
 # Badges
 
+> [!WARNING]
+> Experimental, might not stay in theme.
+
+Badges can be used to annotate your pages with additional information or mark specific places in markdown content.
+
 {{< badge title="Title" value="Value" >}}
 {{< badge style="info" title="Hugo" value="0.147.6" >}}
 {{< badge style="success" title="Build" value="Passing" >}}
 {{< badge style="warning" title="Coverage" value="25%" >}}
 {{< badge style="danger" title="Issues" value="120" >}}
 
-Badges can be used to annotate your pages with additional information or mark specific places in markdown content.
-
 ## Examples
 
 | Shortcode | Output |