TagsTable component

Overview

TagsTable is a React component that displays all tags created by an entity and allows renaming and deleting these tags.

Permissions

To access this component, the entity user must have read permissions for the tag object. For more information, see List of permissions.

Preview

You can move and organize the columns of the table the way you prefer.

Usage

Use the Tagstable component in your application as shown:

React.js

1 import { TagsTable } from "@monite/sdk-react";
2 
3 // This component must be rendered within the MoniteProvider wrapper
4 const TagsTablePage = () => {
5   return <TagsTable />;
6 };

Props

The following table shows all Tagstable component properties, their types, and descriptions:

Prop	Type	Description
`onChangeSort`	`function`	This callback is called when the current sorting order for any column is changed. It returns the newly sorted field and order.

The onChangeSort takes one argument whose value is an object with the following fields:

sort - the field name of column whose sort order was changed. For example, policy_name.
order - the new sort order, either asc or desc

1 (
2   "sort": "policy_name",
3   "order": "asc" | "desc" | null
4 ) => void

1	import { TagsTable } from "@monite/sdk-react";
2
3	// This component must be rendered within the MoniteProvider wrapper
4	const TagsTablePage = () => {
5	return <TagsTable />;
6	};

1	(
2	"sort": "policy_name",
3	"order": "asc" \| "desc" \| null
4	) => void