Avatar

Avatar do
	AvatarImage(src: "https://avatars.githubusercontent.com/u/246692?v=4", alt: "joeldrapper")
	AvatarFallback { "JD" }
end

Avatar do
	AvatarFallback { "JD" }
end

div(class: 'flex items-center space-x-2') do
	# size: :xs
	Avatar(size: :xs) do
		AvatarImage(src: "https://avatars.githubusercontent.com/u/246692?v=4", alt: "joeldrapper")
		AvatarFallback { "JD" }
	end
	# size: :sm
	Avatar(size: :sm) do
		AvatarImage(src: "https://avatars.githubusercontent.com/u/246692?v=4", alt: "joeldrapper")
		AvatarFallback { "JD" }
	end
	# size: :md
	Avatar(size: :md) do
		AvatarImage(src: "https://avatars.githubusercontent.com/u/246692?v=4", alt: "joeldrapper")
		AvatarFallback { "JD" }
	end
	# size: :lg
	Avatar(size: :lg) do
		AvatarImage(src: "https://avatars.githubusercontent.com/u/246692?v=4", alt: "joeldrapper")
		AvatarFallback { "JD" }
	end
	# size: :xl
	Avatar(size: :xl) do
		AvatarImage(src: "https://avatars.githubusercontent.com/u/246692?v=4", alt: "joeldrapper")
		AvatarFallback { "JD" }
	end
end

div(class: 'flex items-center space-x-2') do
	# size: :xs
	Avatar(size: :xs) do
		AvatarFallback { "JD" }
	end
	# size: :sm
	Avatar(size: :sm) do
		AvatarFallback { "JD" }
	end
	# size: :md
	Avatar(size: :md) do
		AvatarFallback { "JD" }
	end
	# size: :lg
	Avatar(size: :lg) do
		AvatarFallback { "JD" }
	end
	# size: :xl
	Avatar(size: :xl) do
		AvatarFallback { "JD" }
	end
end