@hig/profile-flyout

HIG Profile Flyout

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
139233Jun 10, 2021Apr 3, 2017Minified + gzip package size for @hig/profile-flyout in KB

Readme

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 @hig/theme-context @hig/theme-data

Import the component

import ProfileFlyout from '@hig/profile-flyout';

Basic usage

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.