9.6.41 • Published 8 months ago

@fluentui/react-avatar v9.6.41

Weekly downloads
379
License
MIT
Repository
github
Last release
8 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.6.41

9 months ago

9.6.40

9 months ago

9.6.39

9 months ago

9.6.38

10 months ago

9.6.28

1 year ago

9.6.29

1 year ago

9.6.36

11 months ago

9.6.37

11 months ago

9.6.30

1 year ago

9.6.31

1 year ago

9.6.34

11 months ago

9.6.35

11 months ago

9.6.32

12 months ago

9.6.33

11 months 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

1 year ago

9.6.20

1 year ago

9.6.19

1 year ago

9.6.18

1 year ago

9.6.17

1 year ago

9.6.16

1 year ago

9.6.15

1 year ago

9.6.14

1 year ago

9.6.12

1 year ago

9.6.13

1 year ago

9.6.11

1 year ago

9.6.10

1 year ago

9.6.9

1 year ago

9.6.8

1 year ago

9.6.7

1 year ago

9.6.6

1 year ago

9.6.5

1 year ago

9.6.4

1 year ago

9.6.3

1 year 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

2 years ago

9.4.5

2 years ago

9.4.4

2 years ago

9.4.3

2 years ago

9.4.2

2 years ago

9.4.1

2 years ago

9.4.0

2 years ago

9.4.9

2 years ago

9.4.8

2 years ago

9.4.7

2 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

2 years ago

9.3.6

2 years ago

9.3.5

2 years ago

9.3.4

2 years ago

9.2.14

2 years ago

9.2.15

2 years ago

9.2.16

2 years ago

9.2.13

2 years ago

9.3.3

2 years ago

9.3.2

2 years ago

9.3.1

2 years ago

9.3.0

2 years ago

9.2.10

3 years ago

9.2.11

2 years ago

9.2.12

2 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

3 years ago

9.0.0-rc.5

3 years ago

9.0.0-rc.3

3 years ago

9.0.0-rc.4

3 years ago

9.0.0-rc.1

3 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

4 years ago

9.0.0-alpha.23

4 years ago

9.0.0-alpha.22

4 years ago

9.0.0-alpha.21

4 years ago

9.0.0-alpha.20

4 years ago

9.0.0-alpha.19

4 years ago

9.0.0-alpha.17

4 years ago

9.0.0-alpha.18

4 years ago

9.0.0-alpha.16

4 years ago

9.0.0-alpha.15

4 years ago

9.0.0-alpha.13

4 years ago

9.0.0-alpha.14

4 years ago

9.0.0-alpha.12

4 years ago

9.0.0-alpha.11

4 years ago

9.0.0-alpha.10

4 years ago

9.0.0-alpha.9

4 years ago

9.0.0-alpha.8

4 years ago

9.0.0-alpha.7

4 years ago

9.0.0-alpha.6

4 years ago

9.0.0-alpha.5

4 years ago

9.0.0-alpha.4

4 years ago

9.0.0-alpha.3

4 years ago

9.0.0-alpha.2

4 years ago

9.0.0-alpha.1

4 years ago

0.12.0

4 years ago

0.11.0

4 years ago

0.11.1

4 years ago

0.10.1

4 years ago

0.10.0

4 years ago

0.9.1

4 years ago

0.9.0

4 years ago

0.8.3

4 years ago

0.8.2

4 years ago

0.8.2-18

4 years ago

0.8.2-17

4 years ago

0.8.2-16

4 years ago

0.8.2-15

4 years ago

0.8.2-14

4 years ago

0.8.2-13

4 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