How to use @hig/avatar - 3 common examples
To help you get started, we’ve selected a few @hig/avatar examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Autodesk / hig / packages / top-nav / src / presenters / ProfileButtonPresenter.js View on Github 
export default function ProfileButtonPresenter({
avatarImage,
avatarName,
onClick
}) {
return (
<button type="button">
</button>
);
}export default function ProfileButtonPresenter({
avatarImage,
avatarName,
onClick
}) {
const styles = stylesheet();
return (
<button type="button">
</button>
);
}
const updatedDate2 = baseDate.setHours(baseDate.getHours() - 2);
const updatedDate3 = baseDate.setHours(baseDate.getHours() - 24);
const updatedDate4 = baseDate.setMinutes(baseDate.getMinutes() - 20);
return [
{
id: "featured",
featured: true,
unread: true,
onDismiss: action("Notification dismissed"),
timestamp: ,
image: (
),
content: (
<div>
<p>
<b>Your subscription expires May 5</b>
</p>
<p>
Maya
<br>
Media & Entertainment Collection
<br>
Product Design Collection
<br>2 more
</p>
<p></p></div>
