Skip to content

Latest commit

 

History

History
30 lines (21 loc) · 709 Bytes

README.md

File metadata and controls

30 lines (21 loc) · 709 Bytes
Raw

Profile Flyout

The profile flyout is a component to use with the top navigation. When clicking the avatar, this flyout opens, containing the customer's name, email, and links to their account info.

Read more about when and how to use the Profile Flyout component on the website.

Getting started

Install the package

yarn add @hig/profile-flyout

Import the component and CSS

import ProfileFlyout from '@hig/profile-flyout';
import '@hig/profile-flyout/build/index.css';

Basic usage

<ProfileFlyout
  image="https://placekitten.com/g/50/50"
  name="David Gonzalez"
  email="gonzalezd@autodesk.com"
/>