Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
avatar-chip
Advanced tools
Readme
import dependencies
import { Typography, Button, ButtonGroup, Container, Paper, Box, Avatar, Grid } from "@material-ui/core";
import { AvatarChip, AvatarLogo, } from "avatar-chip";
default avatar is based on personName if "src" is not provided,
default label is based on personName, if "label" is not provided
<AvatarChip
size={["5.2rem", "3.9rem", "2.6rem", "1.8rem"]} //avatar size array for different screen width
labelSize={["4rem", "3rem", "2rem", "1.5rem"]} //label size array for different screen width
personName={"bob"}
/>
just avatar, no label
<AvatarChip
size={["4rem", "3rem", "2rem", "1.5rem"]}
personName={"mike"}
onClick={function () { alert("hello mike") }}
avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
src="https://picsum.photos/200/300"
labelOn={false}
/>
just label, no avatar
<AvatarChip
labelSize={["4rem", "3rem", "2rem", "1.5rem"]}
personName={"mike"}
onClick={function () { alert("hello mike") }}
avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
src="https://picsum.photos/200/300"
logoOn={false}
/>
Avatar with hover tip
<AvatarChip
size={["1rem", "2rem", "3rem", "4rem", "5rem"]} //avatarSize
personName={"毛fdsdsdsdsdsd帅"}
style={{ backgroundColor: "skyblue", color: "blue" }}
onClick={function () { alert("clicked") }}
avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
src="https://picsum.photos/200/300"
label={
<TwoLineLabel lineTop="06355 马小帅" lineDown="银行总行法律合规部" />
}
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>
</>
}
/>
https://vibrant-liskov-396f96.netlify.app/
GitHub https://github.com/cr7cr8/avatar-chip.git
git push -f origin master npm version patch npm publish
FAQs
![aCapture](https://user-images.githubusercontent.com/106660/132795601-b5862112-d3fb-43b6-a6fe-e28e78eb867c.JPG)
We found that avatar-chip demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).