Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@spectrum-web-components/avatar

Package Overview
Dependencies
Maintainers
5
Versions
251
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-web-components/avatar - npm Package Compare versions

Comparing version 0.2.6 to 0.2.7-alpha.38

sp-avatar.d.ts

29

package.json

@@ -21,15 +21,24 @@ {

],
"version": "0.2.6",
"version": "0.2.7-alpha.38+3926abb2",
"description": "",
"main": "lib/index.js",
"module": "lib/index.js",
"main": "src/index.js",
"module": "src/index.js",
"type": "module",
"exports": {
"./src/": "./src/",
"./custom-elements.json": "./custom-elements.json",
"./package.json": "./package.json",
"./sp-avatar": "./sp-avatar.js",
"./sp-avatar.js": "./sp-avatar.js"
},
"files": [
"custom-elements.json",
"/lib/",
"*.d.ts",
"*.js",
"*.js.map",
"/src/"
],
"sideEffects": [
"./lib/index.js",
"./src/index.ts"
"./sp-avatar.js",
"./sp-avatar.ts"
],

@@ -41,6 +50,2 @@ "scripts": {

"license": "Apache-2.0",
"peerDependencies": {
"lit-element": "^2.1.0",
"lit-html": "^1.0.0"
},
"devDependencies": {

@@ -50,5 +55,7 @@ "@spectrum-css/avatar": "^2.0.5"

"dependencies": {
"lit-element": "^2.1.0",
"lit-html": "^1.0.0",
"tslib": "^2.0.0"
},
"gitHead": "16b57d15356859cee73278cdf796274e3245320b"
"gitHead": "3926abb2769a9bab28762bf3b3e1fab7c5f03589"
}
## Description
An **sp-avatar** is a great way to feature a visual representation of a user.
An `<sp-avatar>` is a great way to feature a visual representation of a user.
### Installation
### Usage

@@ -11,9 +11,17 @@ [![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/avatar?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/avatar)

```
npm install @spectrum-web-components/avatar
yarn add @spectrum-web-components/avatar
```
# or
Import the side effectful registration of `<sp-avatar>` via:
yarn add @spectrum-web-components/avatar
```
import '@spectrum-web-components/avatar/sp-avatar.js';
```
When looking to leverage the `Avatar` base class as a type and/or for extension purposes, do so via:
```
import { Avatar } from '@spectrum-web-components/avatar';
```
## Example

@@ -20,0 +28,0 @@

@@ -12,15 +12,2 @@ /*

*/
export * from './avatar.js';
import { Avatar } from './avatar.js';
/* istanbul ignore else */
if (!customElements.get('sp-avatar')) {
customElements.define('sp-avatar', Avatar);
}
declare global {
interface HTMLElementTagNameMap {
'sp-avatar': Avatar;
}
}
export * from './Avatar.js';
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