Element: <oj-tag-cloud-item>

Oracle® JavaScript Extension Toolkit (JET)


  • 5.2.0
  • ojtagcloud



Other Topics

JET Tag Cloud Item

The oj-tag-cloud-item element is used to declare properties for tag cloud items and is only valid as the child of a template element for the itemTemplate slot of oj-tag-cloud.

<oj-tag-cloud data='[[dataProvider]]'>
 <template slot='itemTemplate' data-oj-as='item'>
   <oj-tag-cloud-item  label='[[item.data.id]]' value='[[item.data.total]]'></oj-tag-cloud-item>


Read about current Core Pack limitations to decide when to migrate.
Please make note of the following:

  • Deprecated APIs are not available in Core Pack, and are not documented in this migration section.
  • Before trying to migrate to Core Pack run the JET audits and fix any issues before proceeding.
  • The refresh() method is no longer supported in Core Pack. See the Core Pack Migration Guide for more information.

To migrate from oj-tag-cloud-item to oj-c-tag-cloud-item, you need to revise the import statement and references to oj-tag-cloud-item in your app. Please note the changes between the two components below.
svg-class-name attribute

For the inital version of oj-c-tag-cloud-item, svg-class-name is not supported. We plan on supporting this use case in a future release.



interface TagCloudItemElement<K=any>

Generic Parameters
KType of key of the dataprovider
Typescript Import Format
//To typecheck the element APIs, import as below.
import { TagCloudItemElement } from "ojs/ojtagcloud";

//For the transpiled javascript to load the element's module, import as below
import "ojs/ojtagcloud";

For additional information visit:


categories :Array.<string>

An array of category strings corresponding to the tag cloud items. This allows highlighting and filtering of items.
Default Value:
  • []

color :string

The color of the text. Will be overridden by any color defined in the style option. The default value comes from the CSS and varies based on theme.
Default Value:
  • ''

label :string

The text of the item.
Default Value:
  • ""

(nullable) short-desc :(string | ((context: ojTagCloud.ItemShortDescContext<K>) => string))

The description of the item. This is used for customizing the tooltip text.
Default Value:
  • ""

svg-class-name :string

The CSS style class defining the style of the item text.
Default Value:
  • ""

svg-style :Partial<CSSStyleDeclaration>

The CSS style object defining the style of the item text. Only SVG CSS style properties are supported.
Since Description
15.0.0 This is not recommended in the Redwood design system.
Default Value:
  • {}

url :string

The url this item references.
Default Value:
  • ""

value :number|null

The value of this item is used to scale its font size within the tag cloud.
Default Value:
  • null