@shayan-mirzaie/skeleton-react - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

package.json

		@@ -5,3 +5,3 @@ {
		"author": "Shayan Mirzaie <shayan.mirzaie1998@gmail.com>",
		"version": "1.1.1",
		"version": "1.1.2",
		"type": "module",
		@@ -8,0 +8,0 @@ "homepage": "https://github.com/shayan1998/skeleton-react",

README.md

		@@ -48,5 +48,5 @@ # Skeleton React
		<Skeleton>
		<Skeleton.Circle></Skeleton.Circle>
		<Skeleton.Rect></Skeleton.Rect>
		<Skeleton.Rect width="75%"></Skeleton.Rect>
		<Skeleton.Circle />
		<Skeleton.Rect />
		<Skeleton.Rect width="75%" />
		</Skeleton>
		@@ -67,1 +67,36 @@ ```
		\| Skeleton.List \| iterate children item to show a list \| count `number` \| YES \|




		## Examples

		* post view
		<img src="https://user-images.githubusercontent.com/43598980/218112477-91930798-ee5e-42f3-ad48-556eba3062ab.gif"/>

		```
		<Skeleton>
		<Skeleton.Row alignItems="center" justifyContent="space-between">
		<Skeleton.Circle radius="40px" />
		<Skeleton.Rect width="70px" height="20px" />
		</Skeleton.Row>
		<Skeleton.Rect height="220px" />
		</Skeleton>
		```

		* list view
		<img src="https://user-images.githubusercontent.com/43598980/218112412-ad0f7791-af2c-4a51-8c2b-e06ad3856554.gif"/>

		```
		<Skeleton>
		<Skeleton.List count={4}>
		<Skeleton.Row>
		<Skeleton.Circle />
		<Skeleton.Col>
		<Skeleton.Rect />
		<Skeleton.Rect width="50%" />
		</Skeleton.Col>
		</Skeleton.Row>
		</Skeleton.List>
		</Skeleton>
		```

New alerts