Components

Atoms

Molecules

Organisms

CustomClasses

Avatar

Badge

Button

Input

TextArea

Slider

Typography

Stack

Modal

CheckBox

Icons

ContentBox

SelectionComp

ProgressBar

DropDownComponent

SelectComp

ScrollSpyComp

AlertComp

BottomNavigationComp

CircleProgressComp

StickyComponent

Tabs

avatar

src?: StaticImageData | string
alt?: string
 width?: number
 height?: number
 children?: React.ReactNode
 variant?: 'button' | 'div' | 'link'
 href?: string
 className?: string

<Avatar />

<Avatar variant='div' src='/images/user.jpg' alt='avatar' />

<Avatar variant='button' src='/images/user.jpg' alt='avatar' />

<Avatar variant='link' href='https://www.google.com/' src='/images/user.jpg' alt='avatar'/>

<Avatar style={{ backgroundColor: 'rgba(170, 210, 246, 0.4)' }}> <span> <Icon name='tick' /> </span> </Avatar>