Examples

avatar image
Default
Just the src image path provide

Options: none

avatar image
Editable
On hover: Add an "edit" layer & on click return @edit event on click

Options: editable - bordered - src="PATH" - size="120"

Square & link avatar
The avatar becomes a link to the url you gave

Options: square - src="PATH" - url="URL" - size="160" - target="_blank" - no-elevation


How to use it ?

  <template>
  <MazAvatar />
</template>

<script>
  import { MazAvatar } from 'maz-ui'
  export default {
    components: { MazAvatar }
  }
</script>