docs: add info on how to create callouts (#224)

stackblitz · Aug 9, 2024 · bd0ca1a · bd0ca1a
1 parent 6fcf38b
commit bd0ca1a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx
@@ -83,6 +83,16 @@ For instanceof, here's an example of an info callout.
 
 ![Content](./images/theming-callout.png)
 
+Callouts are created like this:
+
+```
+:::tip
+This is a tip
+:::
+```
+
+Valid callout names are `tip`, `info`, `warn` and `danger`.
+
 #### Tip
 
 | Token                                            | Description                                                 |