@belleui/belle-avatar

<!-- ⚠️ This README has been generated from the file(s) "/workspace/belleui/packages/avatar/readme/blueprint.md" ⚠️--> [](#belleuiavatar)

Usage no npm install needed!

<script type="module">
  import belleuiBelleAvatar from 'https://cdn.skypack.dev/@belleui/belle-avatar';
</script>

README

@belleui/belle-avatar

Downloads per month NPM Version TypeScript Published on webcomponents.org

Install

npm install @belleui/belle-avatar

Useage

<belle-avatar></belle-avatar>

Properties

Property Attribute Type Default Description
shape shape Shape "circle" The shape of avatar component
src src string "" Image address

CSS Custom Properties

Property Default Description
--background-color "#ccc" The default background color
--font-color "#fff" Font Color