9.8.0 • Published 4 months ago

@fluentui/react-avatar v9.8.0

Weekly downloads
379
License
MIT
Repository
github
Last release
4 months ago

@fluentui/react-avatar

React Avatar components for Fluent UI

The Avatar component represents a person or entity. It displays the person's image, initials, or an icon, and can be either circular or square.

Usage

To import Avatar:

import { Avatar } from '@fluentui/react-components';

Examples

<Avatar name="Miguel Garcia" />
<Avatar size={72} name="Mona Kane" image="./MonaKane.jpg" />
<Avatar shape="square" icon={<IDBadgeIcon />} />

Displaying a badge:

<Avatar name="Allan Munger" badge={<PresenceBadge status="busy">} />

With active state indication:

<Avatar name="Daisy Phillips" active={true} activeAppearance="ring-shadow" />
<Avatar name="Robin Counts" active={false} activeAppearance="ring-shadow" />

See Fluent UI Storybook for more detailed usage examples.

Alternatively, run Storybook locally with:

  1. yarn start
  2. Select react-avatar from the list.

Specification

See SPEC.md.

Migration Guide

If you're upgrading to Fluent UI v9 see MIGRATION.md for guidance on updating to the latest Avatar implementation.

9.8.0

4 months ago

9.7.3

7 months ago

9.7.2

7 months ago

9.7.1

7 months ago

9.7.0

8 months ago

9.7.9

4 months ago

9.7.8

5 months ago

9.7.7

5 months ago

9.7.6

6 months ago

9.7.5

6 months ago

9.7.4

7 months ago

9.6.49

9 months ago

9.6.47

10 months ago

9.6.48

9 months ago

9.6.42

11 months ago

9.6.45

10 months ago

9.6.46

10 months ago

9.6.43

11 months ago

9.6.44

11 months ago

9.6.50

9 months ago

9.6.41

1 year ago

9.6.40

1 year ago

9.6.39

1 year ago

9.6.38

1 year ago

9.6.28

1 year ago

9.6.29

1 year ago

9.6.36

1 year ago

9.6.37

1 year ago

9.6.30

1 year ago

9.6.31

1 year ago

9.6.34

1 year ago

9.6.35

1 year ago

9.6.32

1 year ago

9.6.33

1 year ago

9.6.27

1 year ago

9.6.26

1 year ago

9.6.25

1 year ago

9.6.24

1 year ago

9.6.23

1 year ago

9.6.22

1 year ago

9.6.21

2 years ago

9.6.20

2 years ago

9.6.19

2 years ago

9.6.18

2 years ago

9.6.17

2 years ago

9.6.16

2 years ago

9.6.15

2 years ago

9.6.14

2 years ago

9.6.12

2 years ago

9.6.13

2 years ago

9.6.11

2 years ago

9.6.10

2 years ago

9.6.9

2 years ago

9.6.8

2 years ago

9.6.7

2 years ago

9.6.6

2 years ago

9.6.5

2 years ago

9.6.4

2 years ago

9.6.3

2 years ago

9.6.2

2 years ago

9.6.1

2 years ago

9.6.0

2 years ago

9.5.15

2 years ago

9.5.16

2 years ago

9.5.13

2 years ago

9.5.14

2 years ago

9.5.19

2 years ago

9.5.17

2 years ago

9.5.18

2 years ago

9.5.11

2 years ago

9.5.12

2 years ago

9.5.10

2 years ago

9.5.26

2 years ago

9.5.27

2 years ago

9.5.24

2 years ago

9.5.25

2 years ago

9.5.28

2 years ago

9.5.29

2 years ago

9.5.22

2 years ago

9.5.23

2 years ago

9.5.20

2 years ago

9.5.21

2 years ago

9.5.37

2 years ago

9.5.38

2 years ago

9.5.35

2 years ago

9.5.36

2 years ago

9.5.39

2 years ago

9.5.30

2 years ago

9.5.34

2 years ago

9.5.32

2 years ago

9.5.48

2 years ago

9.5.46

2 years ago

9.5.47

2 years ago

9.5.40

2 years ago

9.5.41

2 years ago

9.5.44

2 years ago

9.5.45

2 years ago

9.5.42

2 years ago

9.5.43

2 years ago

9.5.9

2 years ago

9.5.8

2 years ago

9.5.7

2 years ago

9.5.6

2 years ago

9.4.6

3 years ago

9.4.5

3 years ago

9.4.4

3 years ago

9.4.3

3 years ago

9.4.2

3 years ago

9.4.1

3 years ago

9.4.0

3 years ago

9.4.9

3 years ago

9.4.8

3 years ago

9.4.7

3 years ago

9.5.5

2 years ago

9.5.4

2 years ago

9.5.3

2 years ago

9.5.2

2 years ago

9.5.1

2 years ago

9.5.0

2 years ago

9.4.10

2 years ago

9.3.7

3 years ago

9.3.6

3 years ago

9.3.5

3 years ago

9.3.4

3 years ago

9.2.14

3 years ago

9.2.15

3 years ago

9.2.16

3 years ago

9.2.13

3 years ago

9.3.3

3 years ago

9.3.2

3 years ago

9.3.1

3 years ago

9.3.0

3 years ago

9.2.10

3 years ago

9.2.11

3 years ago

9.2.12

3 years ago

9.2.8

3 years ago

9.2.7

3 years ago

9.2.6

3 years ago

9.2.5

3 years ago

9.2.4

3 years ago

9.2.3

3 years ago

9.2.9

3 years ago

9.2.2

3 years ago

9.2.1

3 years ago

9.2.0

3 years ago

9.1.1

3 years ago

9.1.0

3 years ago

9.0.4

3 years ago

9.0.3

3 years ago

0.0.0

3 years ago

9.0.2

3 years ago

9.0.1

3 years ago

9.0.0

3 years ago

9.0.0-rc.13

3 years ago

9.0.0-rc.11

3 years ago

9.0.0-rc.10

3 years ago

9.0.0-rc.12

3 years ago

9.0.0-rc.9

3 years ago

9.0.0-rc.7

3 years ago

9.0.0-rc.8

3 years ago

9.0.0-rc.6

4 years ago

9.0.0-rc.5

4 years ago

9.0.0-rc.3

4 years ago

9.0.0-rc.4

4 years ago

9.0.0-rc.1

4 years ago

9.0.0-beta.4

4 years ago

9.0.0-beta.3

4 years ago

9.0.0-beta.2

4 years ago

9.0.0-beta.1

4 years ago

9.0.0-alpha.93

4 years ago

9.0.0-alpha.91

4 years ago

9.0.0-alpha.92

4 years ago

9.0.0-alpha.90

4 years ago

9.0.0-alpha.88

4 years ago

9.0.0-alpha.87

4 years ago

9.0.0-alpha.86

4 years ago

9.0.0-alpha.85

4 years ago

9.0.0-alpha.84

4 years ago

9.0.0-alpha.83

4 years ago

9.0.0-alpha.82

4 years ago

9.0.0-alpha.80

4 years ago

9.0.0-alpha.81

4 years ago

9.0.0-alpha.79

4 years ago

9.0.0-alpha.77

4 years ago

9.0.0-alpha.78

4 years ago

9.0.0-alpha.76

4 years ago

9.0.0-alpha.75

4 years ago

9.0.0-alpha.74

4 years ago

9.0.0-alpha.73

4 years ago

9.0.0-alpha.72

4 years ago

9.0.0-alpha.71

4 years ago

9.0.0-alpha.70

4 years ago

9.0.0-alpha.68

4 years ago

9.0.0-alpha.69

4 years ago

9.0.0-alpha.67

4 years ago

9.0.0-alpha.66

4 years ago

9.0.0-alpha.65

4 years ago

9.0.0-alpha.64

4 years ago

9.0.0-alpha.63

4 years ago

9.0.0-alpha.62

4 years ago

9.0.0-alpha.61

4 years ago

9.0.0-alpha.59

4 years ago

9.0.0-alpha.58

4 years ago

9.0.0-alpha.60

4 years ago

9.0.0-alpha.57

4 years ago

9.0.0-alpha.56

4 years ago

9.0.0-alpha.55

4 years ago

9.0.0-alpha.54

4 years ago

9.0.0-alpha.53

4 years ago

9.0.0-alpha.49

4 years ago

9.0.0-alpha.51

4 years ago

9.0.0-alpha.52

4 years ago

9.0.0-alpha.50

4 years ago

9.0.0-alpha.48

4 years ago

9.0.0-alpha.47

4 years ago

9.0.0-alpha.46

4 years ago

9.0.0-alpha.44

4 years ago

9.0.0-alpha.45

4 years ago

9.0.0-alpha.42

4 years ago

9.0.0-alpha.43

4 years ago

9.0.0-alpha.41

4 years ago

9.0.0-alpha.39

4 years ago

9.0.0-alpha.37

4 years ago

9.0.0-alpha.38

4 years ago

9.0.0-alpha.35

4 years ago

9.0.0-alpha.36

4 years ago

9.0.0-alpha.33

4 years ago

9.0.0-alpha.34

4 years ago

9.0.0-alpha.40

4 years ago

9.0.0-alpha.28

4 years ago

9.0.0-alpha.29

4 years ago

9.0.0-alpha.26

4 years ago

9.0.0-alpha.27

4 years ago

9.0.0-alpha.25

4 years ago

9.0.0-alpha.31

4 years ago

9.0.0-alpha.32

4 years ago

9.0.0-alpha.30

4 years ago

9.0.0-alpha.24

5 years ago

9.0.0-alpha.23

5 years ago

9.0.0-alpha.22

5 years ago

9.0.0-alpha.21

5 years ago

9.0.0-alpha.20

5 years ago

9.0.0-alpha.19

5 years ago

9.0.0-alpha.17

5 years ago

9.0.0-alpha.18

5 years ago

9.0.0-alpha.16

5 years ago

9.0.0-alpha.15

5 years ago

9.0.0-alpha.13

5 years ago

9.0.0-alpha.14

5 years ago

9.0.0-alpha.12

5 years ago

9.0.0-alpha.11

5 years ago

9.0.0-alpha.10

5 years ago

9.0.0-alpha.9

5 years ago

9.0.0-alpha.8

5 years ago

9.0.0-alpha.7

5 years ago

9.0.0-alpha.6

5 years ago

9.0.0-alpha.5

5 years ago

9.0.0-alpha.4

5 years ago

9.0.0-alpha.3

5 years ago

9.0.0-alpha.2

5 years ago

9.0.0-alpha.1

5 years ago

0.12.0

5 years ago

0.11.0

5 years ago

0.11.1

5 years ago

0.10.1

5 years ago

0.10.0

5 years ago

0.9.1

5 years ago

0.9.0

5 years ago

0.8.3

5 years ago

0.8.2

5 years ago

0.8.2-18

5 years ago

0.8.2-17

5 years ago

0.8.2-16

5 years ago

0.8.2-15

5 years ago

0.8.2-14

5 years ago

0.8.2-13

5 years ago

0.8.2-12

5 years ago

0.8.2-11

5 years ago

0.8.2-10

5 years ago

0.8.2-9

5 years ago

0.8.2-8

5 years ago

0.8.2-7

5 years ago

0.8.2-6

5 years ago

0.8.2-5

5 years ago

0.8.2-4

5 years ago

0.8.2-3

5 years ago

0.8.2-2

5 years ago

0.8.2-1

5 years ago

0.8.2-0

5 years ago

0.8.1

5 years ago

0.8.0

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago

0.6.9

5 years ago

0.6.8

5 years ago

0.6.7

5 years ago

0.6.6

5 years ago

0.6.5

5 years ago

0.6.4

5 years ago

0.6.3

5 years ago

0.6.2

5 years ago

0.6.1

5 years ago

0.6.0

5 years ago

0.5.5

5 years ago

0.5.4

5 years ago

0.5.3

5 years ago

0.5.2

5 years ago

0.5.1

5 years ago

0.5.0

5 years ago

0.4.5

5 years ago

0.4.4

5 years ago

0.4.1

5 years ago

0.4.3

5 years ago

0.4.2

5 years ago

0.4.0

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.4

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.1

5 years ago