ItemPanel | References | ArcGIS Maps SDK for JavaScript

import ItemPanel from "@arcgis/core/layerList/ItemPanel.js";

const ItemPanel = await $arcgis.import("@arcgis/core/layerList/ItemPanel.js");

Inheritance: ItemPanel→Accessor

Since: ArcGIS Maps SDK for JavaScript 5.2

beta

Stores state for additional content associated with a layer-list item.

This class does not render UI. Consumer components use its content, presentation, and interaction state to render a panel associated with an Item.

Constructors

Constructor

Parameters

Parameter	Type	Description	Required
properties	ItemPanelProperties	The properties used to configure the panel.

See the properties table for a list of all the properties that may be passed into the constructor.

Properties

Any properties can be set, retrieved or listened to. See the Watch for changes topic.

Property	Type	Class
content	ItemPanelContents \| null \| undefined
declaredClass readonly inherited	string	Accessor
disabled	boolean
flowEnabled	boolean
icon	string \| null \| undefined
image	string \| null \| undefined
listItem	Item \| null \| undefined
open	boolean
title	string
uid readonly inherited	string	IdentifiableMixin
visible	boolean

content

Property

Type: ItemPanelContents | null | undefined

The content to display in the panel. Content may be a string, an HTMLElement, the "legend" keyword, or an array of content values.

declaredClass

readonlyinherited Property

Type: string

Inherited from: Accessor

Since: ArcGIS Maps SDK for JavaScript 4.7

The name of the class. The declared class name is formatted as esri.folder.className.

disabled

Property

Type: boolean

Indicates whether the panel cannot be opened or interacted with.

Default value: false

flowEnabled

Property

Type: boolean

Indicates whether a consumer UI should display the panel in a drill-in flow. When true, the panel can be rendered as a separate flow step instead of inline content.