ff-matrix - callout feature examples

Author: cscheid

dev-docs/feature-format-matrix/qmd-files/callout/appearance-minimal/document.qmd

@@ -0,0 +1,14 @@
+---
+title: Callout with minimal appearance
+format:
+  html: 
+    quality: 1
+---
+
+::: {.callout-note appearance="minimal"}
+
+## Title
+
+{{< lipsum 1 >}}
+
+:::

dev-docs/feature-format-matrix/qmd-files/callout/appearance-simple/document.qmd

@@ -0,0 +1,14 @@
+---
+title: Callout with simple appearance
+format:
+  html: 
+    quality: 1
+---
+
+::: {.callout-note appearance="simple"}
+
+## Title
+
+{{< lipsum 1 >}}
+
+:::

dev-docs/feature-format-matrix/qmd-files/callout/collapse/document.qmd

@@ -0,0 +1,22 @@
+---
+title: Callouts
+format:
+  html: 
+    quality: 2
+---
+
+::: {.callout-note collapse="true"}
+
+## A small note
+
+You should note that this is a note.
+
+:::
+
+::: {.callout-note collapse="false"}
+
+## A small note
+
+You should note that this is a note.
+
+:::

dev-docs/feature-format-matrix/qmd-files/callout/document.qmd

@@ -1,10 +1,10 @@
 ---
 title: Callouts
 format:
-  docusaurus-md:
-    quality: 1
   html: 
     quality: 2
+  docusaurus-md:
+    quality: 1
   dashboard:
     quality: 0
     comment: "Bug: Callout icons show on a separate line from the title."
@@ -52,4 +52,35 @@ You should note that this is a note.
 
 A callout does not need a title.
 
-:::
+:::
+
+::: {.callout-note}
+
+## A callout does not need content
+
+:::
+
+::: {.callout-note}
+
+:::
+
+::: {.callout-note collapse="true" appearance="minimal"}
+
+## A small note
+
+You should note that this is a note.
+
+:::
+
+::: {.callout}
+
+:::
+
+::: {.callout}
+
+## Title
+
+Content
+
+:::
+

dev-docs/feature-format-matrix/qmd-files/callout/no-content/document.qmd

@@ -0,0 +1,12 @@
+---
+title: Callout with no content
+format:
+  html: 
+    quality: 1
+---
+
+::: {.callout-note}
+
+## Title
+
+:::

dev-docs/feature-format-matrix/qmd-files/callout/no-icon/document.qmd

@@ -0,0 +1,15 @@
+---
+title: Callout with no icon
+format:
+  html: 
+    quality: 0
+    comment: Title is a offset a little too far down
+---
+
+::: {.callout-note icon="false"}
+
+## Title
+
+{{< lipsum 1 >}}
+
+:::

dev-docs/feature-format-matrix/qmd-files/callout/no-title/document.qmd

@@ -0,0 +1,12 @@
+---
+title: Callout with no title
+format:
+  html: 
+    quality: 1
+---
+
+::: {.callout-note}
+
+{{< lipsum 1 >}}
+
+:::

dev-docs/feature-format-matrix/qmd-files/callout/no-type/document.qmd

@@ -0,0 +1,14 @@
+---
+title: Callout with no type
+format:
+  html: 
+    quality: 1
+---
+
+::: {.callout}
+
+## Title
+
+{{< lipsum 1 >}}
+
+:::