Add code-links examples (#1602)

* Add code-links examples

* Fix typo

Author: cwickham

docs/manuscripts/components.qmd

@@ -89,13 +89,11 @@ manuscript:
 Use `code-links` to add links that will appear on your manuscript webpage under the heading "Code Links". For example, the following adds a link to a Python script:
 
 ``` {.yaml filename="_quarto.yml"}
----
 manuscript:
   code-links:
     - text: Data Import Code
       icon: file-code
       href: data-import.py
----
 ```
 
 You can provide the following options for items in `code-links`:
@@ -114,11 +112,21 @@ There are also two special values you can pass as items to `code-links`:
 
 `repo`
 
-:   Add a link to "GitHub Repo" under "Code Links" that points at the GitHub repository of your manuscript.
+:   Add a link to "GitHub Repo" under "Code Links" that points at the GitHub repository of your manuscript:  
+
+    ```{.yaml filename="_quarto.yml"}
+    manuscript:
+      code-links: repo
+    ```
 
 `binder`
 
-:   Add a link to “Launch Binder” under "Code Links" if your manuscript is configured to [Use Binder](#using-binder).
+:   Add a link to “Launch Binder” under "Code Links" if your manuscript is configured to [Use Binder](#using-binder):
+
+    ```{.yaml filename="_quarto.yml"}
+    manuscript:
+      code-links: binder
+    ```
 
 ## Including Other Resources