---
id: Label
section: components
---

import { Fragment, useEffect, useRef, useState } from 'react';
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';

## Demos

### Editable labels with add dropdown

```ts file="../components/Label/examples/LabelGroupEditableAddDropdown.tsx"

```

### Editable labels with add modal

```ts file="../components/Label/examples/LabelGroupEditableAddModal.tsx"

```