@uiw/react-avatar - npm Package Compare versions

Comparing version 4.21.18 to 4.21.19

package.json

 {
   "name": "@uiw/react-avatar",
-  "version": "4.21.18",
+  "version": "4.21.19",
   "description": "Avatar component",
@@ -47,5 +47,5 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-icon": "^4.21.18",
-    "@uiw/utils": "^4.21.18"
+    "@uiw/react-icon": "^4.21.19",
+    "@uiw/utils": "^4.21.19"
   }
 }

README.md

@@ -20,24 +20,24 @@ Avatar 头像
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview
+import React from 'react';
 import { Avatar, Icon } from 'uiw';
 
-ReactDOM.render(
-  <div>
-    <div style={{ paddingBottom: 20 }}>
-      <Avatar size="large" icon={<Icon type="user"/>} />
-      <Avatar icon="user" />
-      <Avatar size="small" icon="user" />
-      <Avatar size="mini" icon={<Icon type="user"/>} />
-    </div>
+export default function Demo() {
+  return (
     <div>
-      <Avatar shape="square" size="large" icon="user" />
-      <Avatar shape="square" icon="user" />
-      <Avatar shape="square" size="small" icon="user" />
-      <Avatar shape="square" size="mini" icon="user" />
+      <div style={{ paddingBottom: 20 }}>
+        <Avatar size="large" icon={<Icon type="user"/>} />
+        <Avatar icon="user" />
+        <Avatar size="small" icon="user" />
+        <Avatar size="mini" icon={<Icon type="user"/>} />
+      </div>
+      <div>
+        <Avatar shape="square" size="large" icon="user" />
+        <Avatar shape="square" icon="user" />
+        <Avatar shape="square" size="small" icon="user" />
+        <Avatar shape="square" size="mini" icon="user" />
+      </div>
     </div>
-  </div>,
-  _mount_
-);
+  )
+}
 ```
@@ -49,17 +49,17 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview
+import React from 'react';
 import { Avatar, Icon } from 'uiw';
 
-ReactDOM.render(
-  <div>
-    <Avatar icon={<Icon type="user"/>} />
-    <Avatar>U</Avatar>
-    <Avatar src="https://avatars2.githubusercontent.com/u/1680273?s=40&v=4" />
-    <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>
-    <Avatar style={{ backgroundColor: '#87d068' }} icon="user" />
-  </div>,
-  _mount_
-);
+export default function Demo() {
+  return (
+    <div>
+      <Avatar icon={<Icon type="user"/>} />
+      <Avatar>U</Avatar>
+      <Avatar src="https://avatars2.githubusercontent.com/u/1680273?s=40&v=4" />
+      <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>
+      <Avatar style={{ backgroundColor: '#87d068' }} icon="user" />
+    </div>
+  )
+}
 ```
@@ -71,5 +71,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview
+import React from 'react';
 import { Avatar, Icon } from 'uiw';
@@ -102,3 +101,3 @@
 
-ReactDOM.render(<App />, _mount_);
+export default App;
 ```
@@ -108,18 +107,18 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview
+import React from 'react';
 import { Avatar, Badge } from 'uiw';
 
-ReactDOM.render(
-  <div>
-    <span style={{ marginRight: 24 }}>
-      <Badge count={1}><Avatar shape="square" icon="user" /></Badge>
-    </span>
-    <span>
-      <Badge dot><Avatar shape="square" icon="user" /></Badge>
-    </span>
-  </div>,
-  _mount_
-);
+export default function Demo() {
+  return (
+    <div>
+      <span style={{ marginRight: 24 }}>
+        <Badge count={1}><Avatar shape="square" icon="user" /></Badge>
+      </span>
+      <span>
+        <Badge dot><Avatar shape="square" icon="user" /></Badge>
+      </span>
+    </div>
+  )
+}
 ```
@@ -126,0 +125,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

24758

decreased by-0.43%

Number of lines in readme file

131

decreased by-0.76%

Dependency changes

• Updated@uiw/react-icon@^4.21.19

• Updated@uiw/utils@^4.21.19