@nounsinblack/avatars-svelte v1.1.0

Noun Avatars for Svelte

Use Nouns as avatars in your next Svelte project.

Quickstart

Install

npm install @nounsinblack/avatars-svelte

or

yarn add @nounsinblack/avatars-svelte

Usage

<script>
  import Avatar from '@nounsinblack/avatars-svelte'
</script>

<Avatar />

Props

<Avatar
  name="badublanc.eth"
  shape="square"
  blockhash="0x4n6…55Rw"
  size={200}
  fill={false}
/>

Each prop is optional. A random Noun will be generated if name is not provided.

name

String.

shape

String. square or circle. Default: square

blockhash

String. Default: 0x26607b95db327bd1c521f66a13135cbbd12ffe76e2a76ce6751f9a71c141ee27. Must be a valid blockhash.

size

Number. Default: 125

fill

Boolean. Default: false. Overrides size when true.