Socket
Socket
Sign inDemoInstall

avatar-chip

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

avatar-chip - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

2

package.json
{
"name": "avatar-chip",
"version": "1.0.3",
"version": "1.0.4",
"description": "",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

material ui avatar-chip
------------------------------------
import { Typography, Button, ButtonGroup, Container, Paper, Box, Avatar, Grid } from "@material-ui/core";
import { AvatarChip, AvatarLogo, } from "avatar-chip";
<AvatarChip
size={["4rem", "3rem", "2rem", "1.5rem"]} personName={"毛fdsdsdsdsdsd帅"}
//onClick={function () { alert("fdfdsfsd") }}
//avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
//src="https://picsum.photos/200/300"
label={
<>
<Typography variant="h5" style={{ }}>
06355 马小帅
</Typography>
<Typography variant="h5" style={{ fontSize: "0.8rem", display: "block", color: "gray" }}>
银行总行法律合规部
</Typography>
</>
}
hoverContent={
<>
<div style={{ display: "flex", justifyContent: "center" }}><AvatarLogo size={["2.8rem"]} personName={"毛fdsdsdsdsdsd帅"} /></div>
<Typography variant="h5" style={{ fontSize: "1rem", }}>
06355 马小帅
</Typography>
<Typography variant="h5" style={{ fontSize: "0.8rem", display: "block", color: "gray" }}>
银行总行法律合规部
</Typography>
</>
}
/>
------------------------------------

@@ -7,0 +41,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc