
Research
/Security News
Weaponizing Discord for Command and Control Across npm, PyPI, and RubyGems.org
Socket researchers uncover how threat actors weaponize Discord across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
@ngxpert/avvvatars
Advanced tools
Beautifully crafted unique avatar placeholder for your next angular project. Inspired from avvvatars
https://github.com/ngneat/avvvatars/assets/6831283/c6cdd732-3037-4732-8019-4f4906076a51
@ngxpert/avvvatars | Angular |
---|---|
1.x | >= 17 < 18 |
2.x | >= 18 |
With yarn
yarn add @ngxpert/avvvatars
With npm
npm install @ngxpert/avvvatars
Import @ngxpert/avvvatars
to your app, then use it anywhere you want.
import { AvvvatarsComponent } from '@ngxpert/avvvatars';
@Component({
selector: 'app-root',
standalone: true,
imports: [AvvvatarsComponent],
template: `
<avvvatars value="best_user@gmail.com"></avvvatars>
`
})
export class AppComponent {}
value: string
This is required for plugin to work, each value generates a random avatar to unique to this value, so each time plugin renders, you will get the same results.
<avvvatars value="best_user@gmail.com" />
displayValue?: string
Override default text by providing displayValue
for example if you provide value=”best_user@gmail.com”
the character output will be the first 2 letters of value which is “BE”, if you pass displayValue=”BU”
you can override it to BU
<avvvatars value="best_user@gmail.com" displayValue="BU" />
style?: character | shape (default character)
Use shape or character as avatar.
<avvvatars value="best_user@gmail.com" style="character" />
<avvvatars value="best_user@gmail.com" style="avatar" />
size?: number (default 32)
Override default size (32px) by providing a number.
<avvvatars value="best_user@gmail.com" size={32} />
shadow?: boolean (default false)
Enable shadow around the avatar.
<avvvatars value="best_user@gmail.com" shadow={false} />
radius?: number
(default size)Override the radius of the avatar, it takes size
by default to always turn it to a circle
<avvvatars value="best_user@gmail.com" radius={10} />
border?: boolean (default false)
Toggle border
<avvvatars value="best_user@gmail.com" border={false} />
borderSize?: number (default 2)
Override border width
<avvvatars value="best_user@gmail.com" borderSize={2} />
borderColor?: string (default #fff)
Override border color
<avvvatars value="best_user@gmail.com" borderColor="#fff" />
Thanks goes to these wonderful people (emoji key):
Dharmen Shah 💻 🖋 🎨 📖 💡 🤔 🚧 📦 | Netanel Basal 💼 🧑🏫 👀 |
|
This project follows the all-contributors specification. Contributions of any kind welcome!
FAQs
Unknown package
We found that @ngxpert/avvvatars demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 0 open source maintainers 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.
Research
/Security News
Socket researchers uncover how threat actors weaponize Discord across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
Security News
Socket now integrates with Bun 1.3’s Security Scanner API to block risky packages at install time and enforce your organization’s policies in local dev and CI.
Research
The Socket Threat Research Team is tracking weekly intrusions into the npm registry that follow a repeatable adversarial playbook used by North Korean state-sponsored actors.