diff options
Diffstat (limited to 'docs/content/en/functions/dict.md')
-rw-r--r-- | docs/content/en/functions/dict.md | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/docs/content/en/functions/dict.md b/docs/content/en/functions/dict.md index 9887dbaf9..007cc30c5 100644 --- a/docs/content/en/functions/dict.md +++ b/docs/content/en/functions/dict.md @@ -22,20 +22,25 @@ aliases: [] `dict` is especially useful for passing more than one value to a partial template. -## Example: `dict` with Embedded SVGs +## Example: Using `dict` to pass multiple values to a `partial` -The partial below creates a SVG and expects `fill` `height` and `width` from the caller: +The partial below creates a SVG and expects `fill`, `height` and `width` from the caller: + +**Partial definition** {{< code file="layouts/partials/svgs/external-links.svg" download="external-links.svg" >}} -<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="{{ .fill }}" width="{{ .size }}" height="{{ .size }}" viewBox="0 0 32 32" aria-label="External Link"> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" +fill="{{ .fill }}" width="{{ .width }}" height="{{ .height }}" viewBox="0 0 32 32" aria-label="External Link"> <path d="M25.152 16.576v5.696q0 2.144-1.504 3.648t-3.648 1.504h-14.848q-2.144 0-3.648-1.504t-1.504-3.648v-14.848q0-2.112 1.504-3.616t3.648-1.536h12.576q0.224 0 0.384 0.16t0.16 0.416v1.152q0 0.256-0.16 0.416t-0.384 0.16h-12.576q-1.184 0-2.016 0.832t-0.864 2.016v14.848q0 1.184 0.864 2.016t2.016 0.864h14.848q1.184 0 2.016-0.864t0.832-2.016v-5.696q0-0.256 0.16-0.416t0.416-0.16h1.152q0.256 0 0.416 0.16t0.16 0.416zM32 1.152v9.12q0 0.48-0.352 0.8t-0.8 0.352-0.8-0.352l-3.136-3.136-11.648 11.648q-0.16 0.192-0.416 0.192t-0.384-0.192l-2.048-2.048q-0.192-0.16-0.192-0.384t0.192-0.416l11.648-11.648-3.136-3.136q-0.352-0.352-0.352-0.8t0.352-0.8 0.8-0.352h9.12q0.48 0 0.8 0.352t0.352 0.8z"></path> </svg> {{< /code >}} -These values can be stored in one object with `dict` and passed to the partial: +**Partial call** + +The `fill`, `height` and `width` values can be stored in one object with `dict` and passed to the partial: {{< code file="layouts/_default/list.html" >}} -{{ partial "svg/link-ext.svg" (dict "fill" "#01589B" "size" 10 "width" 20 ) }} +{{ partial "svgs/external-links.svg" (dict "fill" "#01589B" "width" 10 "height" 20 ) }} {{< /code >}} |