show all file icon examples

Author: EmilHvitfeldt

README.md

@@ -17,6 +17,12 @@ Adding a `::: {.codewindow}` fenced div around any code chunk will turn the outp
 
 Adding the one of the following classes adds an icon in the file tab. File an issue to have more icons added to this list
 
+- `.r`
+- `.py`
+- `.js`
+- `.quarto`
+- `.html`
+- `.css`
 - `.sass`
 
 The `width` argument can be used directly in the code fence.

example.qmd

@@ -87,6 +87,60 @@ styles.scss
 ```
 :::
 
+## File icons
+
+::: columns
+::: {.column width="50%"}
+
+::: {.codewindow .r}
+script.R
+```{sass}
+```
+:::
+
+::: {.codewindow .python}
+script.py
+```{sass}
+```
+:::
+
+::: {.codewindow .js}
+script.js
+```{sass}
+```
+:::
+
+:::
+
+::: {.column width="50%"}
+
+::: {.codewindow .quarto}
+index.qmd
+```{sass}
+```
+:::
+
+::: {.codewindow .html}
+index.html
+```{sass}
+```
+:::
+
+::: {.codewindow .css}
+styles.css
+```{sass}
+```
+:::
+
+::: {.codewindow .sass}
+styles.sass
+```{sass}
+```
+:::
+
+:::
+:::
+
 ## Setting width
 
 The `width` argument is natively supported, so the width can be set like so: