Tag

Import via Module

import { Tag } from 'primereact/tag';
 

Import via CDN

<script src="https://unpkg.com/primereact/core/core.min.js"></script>
<script src="https://unpkg.com/primereact/tag/tag.min.js"></script>
 

Getting Started

Content of the tag is specified using the value property.

<Tag value="New"></Tag>
 

Icon

An icon can also be configured to be displayed next to the value with the icon property.

<Tag value="New" icon="pi pi-plus"></Tag>
 

Severities

Different color options are available as severity levels.

• success
• info
• warning
• danger

Templating

Content can easily be added like a child element.

<Tag>
   Content
</Tag>
 

Properties

Any valid attribute is passed to the root element implicitly, extended properties are as follows;

Styling

Following is the list of structural style classes, for theming classes visit theming page.

Accessibility

This section is under development. After the necessary tests and improvements are made, it will be shared with the users as soon as possible.

Dependencies

None.