Skip to content

Commit ffdddd7

Browse files
authored
πŸŽ‡ Animation updates for Masonry layout (#19)
1 parent 394546e commit ffdddd7

10 files changed

Lines changed: 242 additions & 161 deletions

File tree

β€ŽREADME.mdβ€Ž

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,8 @@
4747
- [✍️ Authors ](#️-authors-)
4848
- [🀝Contributing](#contributing)
4949
- [Meta](#meta)
50+
- [Meta](#meta-1)
51+
- [Meta](#meta-2)
5052

5153
## ⚑ Features <a name = "about"></a>
5254

@@ -263,12 +265,13 @@ The `Masonry` Component exports as its own React Component, with documentation a
263265

264266
## 🍫 Masonry Props
265267

266-
| Name | Description | Type | Default |
267-
| :------- | :--------------------------------------------------------------------------------- | :----- | :------ |
268-
| height | height of the grid | Number | 1200 |
269-
| width | width of the grid | Number | 800 |
270-
| gutter | spacing between the images | Number | 4 |
271-
| fillMode | prop that controls the filling direction. can be either `HORIZONTAL` or `VERTICAL` | String | 4 |
268+
| Name | Description | Type | Default |
269+
| :-------------- | :--------------------------------------------------------------------------------- | :------ | :------ |
270+
| height | height of the grid | Number | 1200 |
271+
| width | width of the grid | Number | 800 |
272+
| enableAnimation | enable / disable the animation on load | Boolean | true |
273+
| gutter | spacing between the images | Number | 4 |
274+
| fillMode | prop that controls the filling direction. can be either `HORIZONTAL` or `VERTICAL` | String | 4 |
272275

273276
## ⛏️ Built Using <a name = "built_using"></a>
274277

@@ -291,6 +294,10 @@ The `Masonry` Component exports as its own React Component, with documentation a
291294

292295
## Meta
293296

297+
## Meta
298+
299+
## Meta
300+
294301
Distributed under the MIT license. See `LICENSE` for more information.
295302

296303
Prabhu Murthy – [@prabhumurthy2](https://twitter.com/prabhumurthy2) – prabhu.m.murthy@gmail.com

β€Žlogo.pngβ€Ž

-96.7 KB
Loading

β€Žpackage.jsonβ€Ž

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -67,16 +67,16 @@
6767
"@babel/plugin-transform-runtime": "^7.19.6",
6868
"@rollup/plugin-babel": "^6.0.3",
6969
"@rollup/plugin-buble": "^1.0.1",
70-
"@rollup/plugin-commonjs": "^23.0.7",
70+
"@rollup/plugin-commonjs": "^24.0.0",
7171
"@rollup/plugin-eslint": "^9.0.1",
7272
"@rollup/plugin-node-resolve": "^15.0.1",
7373
"@rollup/plugin-strip": "^3.0.2",
7474
"@testing-library/react": "^13.4.0",
7575
"@types/jest": "^29.2.4",
7676
"@types/react": "^18.0.26",
7777
"@types/react-dom": "^18.0.9",
78-
"@typescript-eslint/eslint-plugin": "^5.46.1",
79-
"@typescript-eslint/parser": "^5.46.1",
78+
"@typescript-eslint/eslint-plugin": "^5.47.0",
79+
"@typescript-eslint/parser": "^5.47.0",
8080
"@vitejs/plugin-react": "^3.0.0",
8181
"autoprefixer": "^10.4.13",
8282
"cssnano": "^5.1.14",
@@ -114,6 +114,6 @@
114114
"stylelint-config-standard": "^29.0.0",
115115
"stylelint-config-standard-scss": "^6.1.0",
116116
"typescript": "^4.9.4",
117-
"vite": "^4.0.1"
117+
"vite": "^4.0.2"
118118
}
119119
}

0 commit comments

Comments
Β (0)