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