Avatar-component-smak NPM

web-component-avatar

Web Component using plain javascript for avatar with name

    <avatar-comp
      src="./avatar.jpeg"
      avatarName="Sachin Tendulkar"
      textPosition="right"
    />

All properties are optional.

Install From NPM

npm i avatar-component-smak

With all properties

With src and name properties, text position default is left

With only src property

With no properties

SAMPLE HTML also you can find in elements folder elements/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <avatar-comp
      src="./assets/avatar.jpeg"
      avatarName="Sachin Tendulkar"
      textPosition="right"
    />
    <script src="./../dist/AvatarComponent.js"></script>
  </body>
</html>

avatar webcomponent avatarwebcomponent avatar-component avatar-component-smak smak

@infinitebrahmanuniverse/nolb-ava @everything-registry/sub-chunk-1189

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago