Avatar Clip

An avatar allows an easy method to showcase a users profile images with a clip path over the image.

Once imported it can be modified the way you want.

Prefixes

  • ch-avatarClip
  • ch-avatarClipTS

Props

Avatar takes the following props:

  • title?: string
  • image: string
  • link?: string
  • variant: &qout;triangle&qout; | &qout;trapezoid&qout; | &qout;rhombus&qout; | &qout;pentagon&qout; | &qout;hexagon&qout; | &qout;heptagon&qout; | &qout;octagon&qout; | &qout;nonagon&qout; | &qout;decagon&qout; | &qout;bevel&qout; | &qout;star&qout; | &qout;ellipse&qout; | &qout;ellipse2&qout;

Example: An example of the usage is provided in the snippet.

Preview

profileprofileprofileprofileprofileprofileprofileprofileprofileprofileprofileprofileprofile