
Security News
/Research
Wallet-Draining npm Package Impersonates Nodemailer to Hijack Crypto Transactions
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
svelte-avatar
Advanced tools
A simple avatar component for Svelte.
This component display an avatar image with fallback to the name initials. This component is inspired from react-user-avatar and vue-avatar.
yarn add svelte-avatar
or
npm install svelte-avatar
Note: to use this library in sapper, install as devDependency. See the link.
with image:
<script>
import Avatar from "svelte-avatar";
</script>
<Avatar name="John Walker" src="https://avatars0.githubusercontent.com/u/6810985?s=460&u=a2a24f33ad8d17377cef8163f596a7fbd1501cd4&v=4" />
with name:
<script>
import Avatar from "svelte-avatar";
</script>
<Avatar name="John Walker" />
Name | Required | Default | Type | Description |
---|---|---|---|---|
style | N | - | String | Style property for avatar wrapper. |
name | N | Avatar | String | The name that will be used to compute user initial (when 'src' property not set). |
initials | N | - | String | Force the displayed initials by overriding the computed ones. |
src | N | - | String | Path to the avatar image to display. |
bgColor | N | lightGray | String | The avatar background color to use if no image is provided. |
textColor | N | white | String | The font color used to render the user initials. |
size | N | 50px | String | The avatar size. |
borderRadius | N | 50% | String | The border-radius css property of avatar. |
square | N | false | Boolean | If true, Avatar will be a Square |
randomBgColor | N | false | Boolean | If true, Avatar background will be colored randomly |
# install dependencies
yarn
# or
npm i
# serve gh pages with hot reload at localhost:5000
yarn dev
# or
npm run dev
# build
yarn build
# or
npm run build
yarn test
# or
npm test
Download stats for this NPM package
Released under the MIT License.
FAQs
An avatar component for Svelte
The npm package svelte-avatar receives a total of 162 weekly downloads. As such, svelte-avatar popularity was classified as not popular.
We found that svelte-avatar 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
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.