mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-04-21 01:51:54 +02:00
Update docs
This commit is contained in:
parent
201df82bca
commit
90aaf012f6
1 changed files with 3 additions and 3 deletions
|
@ -101,12 +101,12 @@ Call to action
|
||||||
|
|
||||||
`carousel` is used to showcase multiple images in an interactive and visually appealing way. This allows a user to slide through multiple images while only taking up the vertical space of a single one. All images are displayed using the full width of the parent component and using one of the predefined aspect ratios of `16:9`, `21:9` or `32:9`.
|
`carousel` is used to showcase multiple images in an interactive and visually appealing way. This allows a user to slide through multiple images while only taking up the vertical space of a single one. All images are displayed using the full width of the parent component and using one of the predefined aspect ratios of `16:9`, `21:9` or `32:9`.
|
||||||
|
|
||||||
|
|
||||||
<!-- prettier-ignore-start -->
|
<!-- prettier-ignore-start -->
|
||||||
| Parameter | Description |
|
| Parameter | Description |
|
||||||
| ------------- | ----------------------------------------------------------------------------------------------------------------- |
|
| ------------- | ----------------------------------------------------------------------------------------------------------------- |
|
||||||
| `images` | **Required.** A regex string to match image names. |
|
| `images` | **Required.** A regex string to match image names. |
|
||||||
| `aspectRatio` | **Optional.** The aspect ratio for the carousel. Either `16-9`, `21-9` or `32-9`. It is set to `16-9` by default. |
|
| `aspectRatio` | **Optional.** The aspect ratio for the carousel. Either `16-9`, `21-9` or `32-9`. It is set to `16-9` by default. |
|
||||||
|
| `duration` | **Optional.** The duration for the auto-scrooling, specified in milliseconds. Defaults to `2000` (2s) |
|
||||||
<!-- prettier-ignore-end -->
|
<!-- prettier-ignore-end -->
|
||||||
|
|
||||||
**Example 1:** 16:9 aspect ratio and verbose list of images
|
**Example 1:** 16:9 aspect ratio and verbose list of images
|
||||||
|
@ -120,10 +120,10 @@ Call to action
|
||||||
**Example 2:** 21:9 aspect ratio and regex-ed list of images
|
**Example 2:** 21:9 aspect ratio and regex-ed list of images
|
||||||
|
|
||||||
```md
|
```md
|
||||||
{{</* carousel images="gallery/*" aspectRatio="21-9" */>}}
|
{{</* carousel images="gallery/*" aspectRatio="21-9" duration="2500" */>}}
|
||||||
```
|
```
|
||||||
|
|
||||||
{{< carousel images="gallery/*" aspectRatio="21-9" >}}
|
{{< carousel images="gallery/*" aspectRatio="21-9" duration="2500" >}}
|
||||||
|
|
||||||
<br/><br/><br/>
|
<br/><br/><br/>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue