<!-- API Report Version: 2.3 -->

## API Report File for "@atlaskit/tag"

> Do not edit this file. This report is auto-generated using
> [API Extractor](https://api-extractor.com/).
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)

### Table of contents

- [Main Entry Types](#main-entry-types)
- [Peer Dependencies](#peer-dependencies)

### Main Entry Types

<!--SECTION START: Main Entry Types-->

```ts
/// <reference types="react" />

import { ComponentType } from 'react';
import { ForwardRefExoticComponent } from 'react';
import { MemoExoticComponent } from 'react';
import { ReactNode } from 'react';
import { RefAttributes } from 'react';
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';

// @public (undocumented)
export type AppearanceType = 'default' | 'rounded';

// @public (undocumented)
const _default: MemoExoticComponent<
	ForwardRefExoticComponent<
		Pick<
			RemovableTagProps,
			| 'appearance'
			| 'color'
			| 'createAnalyticsEvent'
			| 'elemBefore'
			| 'href'
			| 'isRemovable'
			| 'linkComponent'
			| 'onAfterRemoveAction'
			| 'onBeforeRemoveAction'
			| 'removeButtonLabel'
			| 'testId'
			| 'text'
		> &
			RefAttributes<any>
	>
>;
export { _default as RemovableTag };
export default _default;

// @public (undocumented)
export interface RemovableTagProps extends SimpleTagProps, WithAnalyticsEventsProps {
	isRemovable?: boolean;
	onAfterRemoveAction?: (text: string) => void;
	onBeforeRemoveAction?: () => boolean;
	removeButtonLabel?: string;
}

// @public (undocumented)
export const SimpleTag: MemoExoticComponent<
	ForwardRefExoticComponent<SimpleTagProps & RefAttributes<any>>
>;

// @public (undocumented)
export interface SimpleTagProps {
	appearance?: AppearanceType;
	color?: TagColor;
	elemBefore?: ReactNode;
	href?: string;
	// (undocumented)
	linkComponent?: ComponentType<any>;
	testId?: string;
	text: string;
}

// @public (undocumented)
export type TagColor =
	| 'blue'
	| 'blueLight'
	| 'green'
	| 'greenLight'
	| 'grey'
	| 'greyLight'
	| 'lime'
	| 'limeLight'
	| 'magenta'
	| 'magentaLight'
	| 'orange'
	| 'orangeLight'
	| 'purple'
	| 'purpleLight'
	| 'red'
	| 'redLight'
	| 'standard'
	| 'teal'
	| 'tealLight'
	| 'yellow'
	| 'yellowLight'
	| undefined;

// (No @packageDocumentation comment for this package)
```

<!--SECTION END: Main Entry Types-->

### Peer Dependencies

<!--SECTION START: Peer Dependencies-->

```json
{
	"react": "^16.8.0"
}
```

<!--SECTION END: Peer Dependencies-->
