1.3.5 • Published 4 years ago
@ppci/custom-avatar v1.3.5
Avatar
Table of contents
Installation
NPM
npm i @ppci/custom-avatar
// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs
Usage
Javascript
import '@ppci/custom-avatar'
Browser
<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/custom-avatar/builds/index.min.js" />
<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/custom-avatar/builds/legacy.min.js" />
<!-- Component -->
<custom-avatar
image="String"
showIcon="Boolean"
></custom-avatar>
Styling
custom-avatar {
--image-size: 48px;
--border-radius: 50%;
/* iconmoon for example */
--icon-font-family: iconmoon;
/* iconmoon icon code */
--icon-content: '\e90b'
--icon-size: 20px;
--icon-border-radius: 50%;
--icon-offset-x: -4px;
--icon-color: white;
--icon-background: gray;
}
Properties
1.3.5
4 years ago
1.3.4
5 years ago
1.3.3
5 years ago
1.3.2
5 years ago
1.3.0
5 years ago
1.2.9
5 years ago
1.2.8
5 years ago
1.2.7
5 years ago
1.2.6
5 years ago
1.2.4
5 years ago
1.2.3
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.4
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago