Avatar
Usage
import { Avatar } from 'nila';Basic
P
<Avatar />
<Avatar name="Praveen Juge" />
<Avatar src="/avatar.jpg" />
<Avatar src="/avatar.jpg" rounded />
<Avatar src="/avatar.jpg" dot="bg-green-500" />Sizes
<Avatar src="/avatar.jpg" size="6" />
<Avatar src="/avatar.jpg" size="8" />
<Avatar src="/avatar.jpg" size="10" />
<Avatar src="/avatar.jpg" size="12" />
<Avatar src="/avatar.jpg" size="14" />
<Avatar src="/avatar.jpg" size="16" />
<Avatar src="/avatar.jpg" size="20" />
<Avatar src="/avatar.jpg" size="24" />
<Avatar src="/avatar.jpg" size="28" />Indicator Colors
J
J
J
J
J
J
J
J
J
<Avatar name="Juge" dot="bg-gray-500" size="6" />
<Avatar name="Juge" dot="bg-red-500" size="8" />
<Avatar name="Juge" dot="bg-yellow-500" size="10" />
<Avatar name="Juge" dot="bg-green-500" size="12" />
<Avatar name="Juge" dot="bg-blue-500" size="14" />
<Avatar name="Juge" dot="bg-indigo-500" size="16" />
<Avatar name="Juge" dot="bg-purple-500" size="20" />
<Avatar name="Juge" dot="bg-pink-500" size="24" />
<Avatar name="Juge" dot="bg-gray-500" size="28" />Placeholder Sizes
<Avatar rounded size="6" />
<Avatar rounded size="8" />
<Avatar rounded size="10" />
<Avatar rounded size="12" />
<Avatar rounded size="14" />
<Avatar rounded size="16" />
<Avatar rounded size="20" />
<Avatar rounded size="24" />
<Avatar rounded size="28" />