Avatars

View code
New in v3.6.0! The avatars feature from Blaze CSS is in beta!

Use



  • You can set values for the avatar inline, or via the opts (this is true for most RG2 components)
  • On Click is emitted
  • Optional second image

HTML


	<rg-avatar text="YOU" size="xsmall|small|medium|large|xlarge|super" image='[URL]' image2='[URL]'></rg-avatar>
	

JavaScript


     var tags = riot.mount('rg-avatar', {
          avatar: {
                  image: "https://unsplash.it/200?image=1011",    // will apply to all instances, onless you specify otherwise
                  image2: "https://unsplash.it/200?random"        // ditto
                  }
        });