Sha256: 7822d76483e22f0be23c8a086050c4f0ece3e5d2ca79a840b9ea39c82c83a07d
Contents?: true
Size: 1.62 KB
Versions: 88
Compression:
Stored size: 1.62 KB
Contents
import React from "react";
import { Avatar } from '../..'
const AvatarBadgeComponentOverlay = () => {
return (
<div>
<Avatar
componentOverlay={{
component: "badge",
placement: "bottom-right",
text: "12"
}}
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
marginBottom="sm"
size="sm"
/>
<Avatar
componentOverlay={{
component: "badge",
placement: "top-left",
text: "12"
}}
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
marginBottom="sm"
size="md"
/>
<Avatar
componentOverlay={{
component: "badge",
placement: "top-center",
text: "On Roadtip",
variant: "info"
}}
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
marginBottom="sm"
size="lg"
/>
<Avatar
componentOverlay={{
component: "badge",
placement: "bottom-center",
text: "Out of Office",
variant: "error"
}}
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
marginBottom="sm"
size="xl"
/>
</div>
)
}
export default AvatarBadgeComponentOverlay
Version data entries
88 entries across 88 versions & 2 rubygems