Add missing doc sections
This commit is contained in:
@@ -64,6 +64,42 @@ Result:
|
||||
{{< paige/image height="10rem" src="2-2.jpg" >}}
|
||||
{{< /paige/gallery >}}
|
||||
|
||||
## Breakpoints parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery breakpoints=true images="*-2.jpg" /*/>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery breakpoints=true images="*-2.jpg" />}}
|
||||
|
||||
## Class parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery class="rounded-5" images="*-2.jpg" /*/>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery class="rounded-5" images="*-2.jpg" />}}
|
||||
|
||||
## Densities parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery densities="1x 2x 3x" images="*-2.jpg" /*/>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery densities="1x 2x 3x" images="*-2.jpg" />}}
|
||||
|
||||
## Fetchpriority parameter
|
||||
|
||||
Code:
|
||||
@@ -304,6 +340,18 @@ Result:
|
||||
|
||||
{{< paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r180 webp" />}}
|
||||
|
||||
## Style parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
{{</* paige/gallery images="*-2.jpg" style="filter: grayscale(100%)" /*/>}}
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
{{< paige/gallery images="*-2.jpg" style="filter: grayscale(100%)" />}}
|
||||
|
||||
## Type
|
||||
|
||||
Code:
|
||||
|
@@ -26,6 +26,22 @@ Result:
|
||||
{{< paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Breakpoints parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
<p>
|
||||
{{</* paige/image breakpoints=true src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
|
||||
</p>
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
<p>
|
||||
{{< paige/image breakpoints=true src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Class parameter
|
||||
|
||||
Code:
|
||||
@@ -42,6 +58,22 @@ Result:
|
||||
{{< paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Densities parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
<p>
|
||||
{{</* paige/image densities="1x 2x 3x" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
|
||||
</p>
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
<p>
|
||||
{{< paige/image densities="1x 2x 3x" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Fetchpriority parameter
|
||||
|
||||
Code:
|
||||
@@ -218,6 +250,26 @@ Result:
|
||||
{{< paige/image process="550x lanczos picture resize webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Sizes parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
<p>
|
||||
{{</* paige/image
|
||||
sizes="(max-width: 576px) 550px, (max-width: 992px) 936px, 1296px"
|
||||
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
|
||||
</p>
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
<p>
|
||||
{{< paige/image
|
||||
sizes="(max-width: 576px) 550px, (max-width: 992px) 936px, 1296px"
|
||||
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Src parameter
|
||||
|
||||
Code:
|
||||
@@ -234,6 +286,43 @@ Result:
|
||||
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
|
||||
</p>
|
||||
|
||||
## Srcset parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
<p>
|
||||
{{</* paige/image
|
||||
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
|
||||
srcset="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=550 550w,
|
||||
https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=936 936w" */>}}
|
||||
</p>
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
<p>
|
||||
{{< paige/image
|
||||
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
|
||||
srcset="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=550 550w, https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=936 936w" >}}
|
||||
</p>
|
||||
|
||||
## Style parameter
|
||||
|
||||
Code:
|
||||
|
||||
```go-html-template
|
||||
<p>
|
||||
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" style="filter: grayscale(100%)" */>}}
|
||||
</p>
|
||||
```
|
||||
|
||||
Result:
|
||||
|
||||
<p>
|
||||
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" style="filter: grayscale(100%)" >}}
|
||||
</p>
|
||||
|
||||
## Title parameter
|
||||
|
||||
Code:
|
||||
|
Reference in New Issue
Block a user