format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,22 +1,26 @@
|
|||
### hover-gallery
|
||||
|
||||
Hover Gallery is container of images. The first image is visible by default and when we hover it horizontally, other images show up. Hover Gallery is useful for product cards in ecommerce sites, portfolios or in image galleries. Hover Gallery can include up to 10 images.
|
||||
|
||||
[hover-gallery docs](https://daisyui.com/components/hover-gallery/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `hover-gallery`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<figure class="hover-gallery max-w-60">
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-1.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-2.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-3.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-4.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-1.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-2.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-3.webp" />
|
||||
<img src="https://img.daisyui.com/images/stock/daisyui-hat-4.webp" />
|
||||
</figure>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- hover-gallery can be a `<div>` or a `<figure>`
|
||||
- hover-gallery can include up to 10 images
|
||||
- hover-gallery needs a max width otherwise if fills the container width
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue