jaro/flowbite-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: Fixed broken images in carousel

Browse Source
This commit is contained in:
Ilya Artamonov
2023-06-17 12:13:40 +03:00
parent 52cb353a20
commit 836ecffc85
2 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/components/carousel.md
View File

@@ -143,25 +143,26 @@ const props = defineProps({
import { Carousel } from 'flowbite-vue' import { Carousel } from 'flowbite-vue'
const pictures = [ const pictures = [
{ {
'src': 'https://i.picsum.photos/id/221/1920/1080.jpg?grayscale&hmac=GWPBzHGEhEh-BrPn1i-PuximCxLtUpKHcNwyACiTRHk', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/featured/image.jpg',
'alt': 'Picture 1', 'alt': 'Picture 1',
}, },
{ {
'src': 'https://i.picsum.photos/id/608/1920/1080.jpg?grayscale&hmac=kkVc8-M3ovbO-sFr02WmRbrHx5YcfWmOtkP8rNF9fO4', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg',
'alt': 'Picture 2', 'alt': 'Picture 2',
}, },
{ {
'src': 'https://i.picsum.photos/id/1012/1920/1080.jpg?grayscale&hmac=Zy9JmZ_sl88DXTF502k_0QqaeCyqjhkn60DjyE5F8Eo', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg',
'alt': 'Picture 3', 'alt': 'Picture 3',
}, },
{ {
'src': 'https://i.picsum.photos/id/1004/1920/1080.jpg?grayscale&hmac=48C-T9K-36l8jpzJntPTu40OiDuXflIlG_YB-lQWYZI', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg',
'alt': 'Picture 4', 'alt': 'Picture 4',
}, },
{ {
'src': 'https://i.picsum.photos/id/244/1920/1080.jpg?grayscale&hmac=lLcfHciI-EqaOIHGB_Gab7OpUjVSmDLw6GOq6B5THak', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg',
'alt': 'Picture 5', 'alt': 'Picture 5',
},] },
]
</script> </script>
<template> <template>
<Carousel :pictures="pictures"></Carousel> <Carousel :pictures="pictures"></Carousel>

10
docs/components/carousel/examples/CarouselPicturesExample.vue
View File

@@ -7,23 +7,23 @@
import { Carousel } from '../../../../src/index' import { Carousel } from '../../../../src/index'
const pictures = [ const pictures = [
{ {
'src': 'https://i.picsum.photos/id/221/1920/1080.jpg?grayscale&hmac=GWPBzHGEhEh-BrPn1i-PuximCxLtUpKHcNwyACiTRHk', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/featured/image.jpg',
'alt': 'Picture 1', 'alt': 'Picture 1',
}, },
{ {
'src': 'https://i.picsum.photos/id/608/1920/1080.jpg?grayscale&hmac=kkVc8-M3ovbO-sFr02WmRbrHx5YcfWmOtkP8rNF9fO4', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg',
'alt': 'Picture 2', 'alt': 'Picture 2',
}, },
{ {
'src': 'https://i.picsum.photos/id/1012/1920/1080.jpg?grayscale&hmac=Zy9JmZ_sl88DXTF502k_0QqaeCyqjhkn60DjyE5F8Eo', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg',
'alt': 'Picture 3', 'alt': 'Picture 3',
}, },
{ {
'src': 'https://i.picsum.photos/id/1004/1920/1080.jpg?grayscale&hmac=48C-T9K-36l8jpzJntPTu40OiDuXflIlG_YB-lQWYZI', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg',
'alt': 'Picture 4', 'alt': 'Picture 4',
}, },
{ {
'src': 'https://i.picsum.photos/id/244/1920/1080.jpg?grayscale&hmac=lLcfHciI-EqaOIHGB_Gab7OpUjVSmDLw6GOq6B5THak', 'src': 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg',
'alt': 'Picture 5', 'alt': 'Picture 5',
}, },
] ]