Alurkerja v1.0.0@Beta

Badge

Base

1
Typescript
import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
		<Badge content={1}>
		  <button className="h-10 w-10 rounded-full bg-gray-200" />
		</Badge>
	)
}

String Content

A+
Typescript
import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
		<Badge content={'A+'}>
		  <button className="h-10 w-10 rounded-full bg-gray-200" />
		</Badge>
	)
}

Over Content

2+
Typescript
import { Avatar } from 'alurkerja-ui'
export const AvatarPage = () => {
	return(
		<Badge content={3} maxCount={2}>
		  <button className="h-10 w-10 rounded-full bg-gray-200" />
		</Badge>
	)
}