Skeleton

Base

Typescript

import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
<Skeleton />
	)
}

Variant

Typescript

import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
<Skeleton variant="block" />
        <Skeleton variant="circle" />
	)
}

Height

Typescript

import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
<Skeleton height={40}  />
	)
}

Width

Typescript

import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
<Skeleton width={200} />
	)
}

Animation

Typescript

import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
<Skeleton animation={false} />
	)
}