9.3.20 • Published 9 months ago

@fluentui/react-tags v9.3.20

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

@fluentui/react-tags

React Tags components for Fluent UI React

  • Tag provides visual representation of an attribute, person or asset.
  • InteractionTag follows the same characteristics as Tag, but with the added functionality of having a primary interaction.
  • TagGroup is used to group multiple tags together.

Usage

To import Tag:

import { Tag, TagGroup, InteractionTag } from '@fluentui/react-components';

Examples

Tag

// basic
<Tag>Content</Tag>
// with icon
<Tag icon={<SVGIcon />}>Content</Tag>
// different appearance
<Tag appearance='outlined'>Content</Tag>
// with dismiss icon
<Tag dismissible>Content</Tag>
// different size
<Tag size="small">Content</Tag>

InteractionTag

// basic
<InteractionTag>
  <InteractionTagPrimary>Content</InteractionTagPrimary>
</InteractionTag>

// with icon
<InteractionTag>
  <InteractionTagPrimary icon={<SVGIcon />}>Content</InteractionTagPrimary>
</InteractionTag>

// different appearance
<InteractionTag appearance="outlined">
  <InteractionTagPrimary>Content</InteractionTagPrimary>
</InteractionTag>

// with secondary action
<InteractionTag>
  <InteractionTagPrimary hasSecondaryAction>Content</InteractionTagPrimary>
  <InteractionTagSecondary />
</InteractionTag>

// different size
<InteractionTag size="small">
  <InteractionTagPrimary>Content</InteractionTagPrimary>
</InteractionTag>

TagGroup

<TagGroup>
  <Tag>Tag 1</Tag>
  <Tag>Tag 2</Tag>
  <Tag>Tag 3</Tag>
</TagGroup>
9.3.20

9 months ago

9.3.19

10 months ago

9.3.18

10 months ago

9.3.17

11 months ago

9.3.14

12 months ago

9.3.13

12 months ago

9.3.12

1 year ago

9.3.11

1 year ago

9.3.16

11 months ago

9.3.15

11 months ago

9.3.10

1 year ago

9.3.7

1 year ago

9.3.9

1 year ago

9.3.8

1 year ago

9.3.6

1 year ago

9.3.5

1 year ago

9.3.4

1 year ago

9.3.3

1 year ago

9.3.2

1 year ago

9.3.1

1 year ago

9.3.0

1 year ago

9.2.1

1 year ago

9.2.0

1 year ago

9.1.3

1 year ago

9.1.2

1 year ago

9.1.1

1 year ago

9.1.0

1 year ago

9.0.29

1 year ago

9.0.28

1 year ago

9.0.27

1 year ago

9.0.26

1 year ago

9.0.25

1 year ago

9.0.24

1 year ago

9.0.23

2 years ago

9.0.22

2 years ago

9.0.21

2 years ago

9.0.20

2 years ago

9.0.19

2 years ago

9.0.18

2 years ago

9.0.17

2 years ago

9.0.16

2 years ago

9.0.15

2 years ago

9.0.14

2 years ago

9.0.13

2 years ago

9.0.12

2 years ago

9.0.11

2 years ago

9.0.10

2 years ago

9.0.9

2 years ago

9.0.8

2 years ago

9.0.7

2 years ago

9.0.6

2 years ago

9.0.5

2 years ago

9.0.4

2 years ago

9.0.3

2 years ago

9.0.2

2 years ago

9.0.1

2 years ago

9.0.0

2 years ago