View the source code by clicking </> Code on the top right corner.
+
Callout Blocks
@@ -2644,6 +2729,8 @@
More callout blocks
+
+
@@ -2713,6 +2800,57 @@
More callout blocks details > .sourceCode");
+ for (let i=0; i .sourceCode");
+ const fromCls = show ? "hidden" : "unhidden";
+ const toCls = show ? "unhidden" : "hidden";
+ for (let i=0; iMore callout blocks
+
Source Code
+
---
+title: "Collapse-callout Example"
+author: Shafayet Khan Shafee
+date: "26 Oct, 2022"
+date-modified: last-modified
+date-format: "DD MMM, YYYY"
+filters:
+ - collapse-callout
+collapse-callout:
+ all: false
+callout-appearance: simple
+callout-icon: true
+format:
+ html:
+ code-tools: true
+self-contained: true
+---
+
+> View the source code by clicking `</> Code` on the top right corner.
+
+
+## Callout Blocks
+
+:::{.callout-note}
+### Note
+
+Note that there are five types of callouts, including:
+`note`, `warning`, `important`, `tip`, and `caution`.
+:::
+
+:::{.callout-tip}
+### Tip With Caption
+
+This is an example of a callout with a caption.
+:::
+
+## More callout blocks
+
+:::{.callout-caution}
+## Expand To Learn About Collapse
+
+This is an example of a 'folded' caution callout that can be expanded by the user. You can use `collapse="true"` to collapse it by default or `collapse="false"` to make a collapsible callout that is expanded by default.
+:::
+
+:::{.callout-important}
+## Important
+
+This is important
+:::
+
+
+:::{.callout-warning icon='false'}
+## warning
+
+WARNINGS !!!!
+:::
View the source code by clicking </> Code on the top right corner.
+
Callout Blocks
@@ -2644,6 +2729,8 @@
More callout blocks
+
+
@@ -2713,6 +2800,57 @@
More callout blocks details > .sourceCode");
+ for (let i=0; i .sourceCode");
+ const fromCls = show ? "hidden" : "unhidden";
+ const toCls = show ? "unhidden" : "hidden";
+ for (let i=0; iMore callout blocks
+
Source Code
+
---
+title: "Collapse-callout Example"
+author: Shafayet Khan Shafee
+date: "26 Oct, 2022"
+date-modified: last-modified
+date-format: "DD MMM, YYYY"
+filters:
+ - collapse-callout
+collapse-callout:
+ all: true
+callout-appearance: simple
+callout-icon: true
+format:
+ html:
+ code-tools: true
+self-contained: true
+---
+
+> View the source code by clicking `</> Code` on the top right corner.
+
+## Callout Blocks
+
+:::{.callout-note}
+### Note
+
+Note that there are five types of callouts, including:
+`note`, `warning`, `important`, `tip`, and `caution`.
+:::
+
+:::{.callout-tip}
+### Tip With Caption
+
+This is an example of a callout with a caption.
+:::
+
+## More callout blocks
+
+:::{.callout-caution}
+## Expand To Learn About Collapse
+
+This is an example of a 'folded' caution callout that can be expanded by the user. You can use `collapse="true"` to collapse it by default or `collapse="false"` to make a collapsible callout that is expanded by default.
+:::
+
+:::{.callout-important}
+## Important
+
+This is important
+:::
+
+
+:::{.callout-warning icon='false'}
+## warning
+
+WARNINGS !!!!
+:::
View the source code by clicking </> Code on the top right corner.
+
Callout Blocks
@@ -2641,6 +2726,8 @@
More callout blocks
+
+
@@ -2710,6 +2797,57 @@
More callout blocks details > .sourceCode");
+ for (let i=0; i .sourceCode");
+ const fromCls = show ? "hidden" : "unhidden";
+ const toCls = show ? "unhidden" : "hidden";
+ for (let i=0; iMore callout blocks
+
Source Code
+
---
+title: "Collapse-callout Example"
+author: Shafayet Khan Shafee
+date: "26 Oct, 2022"
+date-modified: last-modified
+date-format: "DD MMM, YYYY"
+filters:
+ - collapse-callout
+collapse-callout:
+ tip: true
+ note: false
+ warning: false
+ caution: true
+callout-appearance: minimal
+callout-icon: false
+format:
+ html:
+ code-tools: true
+self-contained: true
+---
+
+> View the source code by clicking `</> Code` on the top right corner.
+
+## Callout Blocks
+
+:::{.callout-note collapse='true'}
+### Note
+
+Note that there are five types of callouts, including:
+`note`, `warning`, `important`, `tip`, and `caution`.
+:::
+
+:::{.callout-tip}
+### Tip With Caption
+
+This is an example of a callout with a caption.
+:::
+
+## More callout blocks
+
+:::{.callout-caution}
+## Expand To Learn About Collapse
+
+This is an example of a 'folded' caution callout that can be expanded by the user. You can use `collapse="true"` to collapse it by default or `collapse="false"` to make a collapsible callout that is expanded by default.
+:::
+
+:::{.callout-important}
+## Important
+
+This is important and it is not collapsible, since we didn't specify either `true` or `false` for `important` in our YAML header.
+:::
+
+
+:::{.callout-warning icon='false' collapse='false'}
+## warning
+
+WARNINGS !!!!
+:::
+
diff --git a/example_all_false.qmd b/example_all_false.qmd
index dbe96f6..e3aad0a 100644
--- a/example_all_false.qmd
+++ b/example_all_false.qmd
@@ -1,15 +1,24 @@
---
title: "Collapse-callout Example"
+author: Shafayet Khan Shafee
+date: "26 Oct, 2022"
+date-modified: last-modified
+date-format: "DD MMM, YYYY"
filters:
- collapse-callout
collapse-callout:
all: false
callout-appearance: simple
callout-icon: true
-format: html
+format:
+ html:
+ code-tools: true
self-contained: true
---
+> View the source code by clicking ` Code` on the top right corner.
+
+
## Callout Blocks
:::{.callout-note}
diff --git a/example_all_true.qmd b/example_all_true.qmd
index 04a82cb..6fe61bc 100644
--- a/example_all_true.qmd
+++ b/example_all_true.qmd
@@ -1,15 +1,23 @@
---
title: "Collapse-callout Example"
+author: Shafayet Khan Shafee
+date: "26 Oct, 2022"
+date-modified: last-modified
+date-format: "DD MMM, YYYY"
filters:
- collapse-callout
collapse-callout:
all: true
callout-appearance: simple
callout-icon: true
-format: html
+format:
+ html:
+ code-tools: true
self-contained: true
---
+> View the source code by clicking ` Code` on the top right corner.
+
## Callout Blocks
:::{.callout-note}
diff --git a/example_specific.qmd b/example_specific.qmd
index 61317d4..78b19af 100644
--- a/example_specific.qmd
+++ b/example_specific.qmd
@@ -1,5 +1,9 @@
---
title: "Collapse-callout Example"
+author: Shafayet Khan Shafee
+date: "26 Oct, 2022"
+date-modified: last-modified
+date-format: "DD MMM, YYYY"
filters:
- collapse-callout
collapse-callout:
@@ -9,10 +13,14 @@ collapse-callout:
caution: true
callout-appearance: minimal
callout-icon: false
-format: html
+format:
+ html:
+ code-tools: true
self-contained: true
---
+> View the source code by clicking ` Code` on the top right corner.
+
## Callout Blocks
:::{.callout-note collapse='true'}