Reference Source
import {ColumnView} from '@adobe/coral-spectrum'
public class | source

ColumnViewItem

Expression Extends:

class ColumnViewItem extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A ColumnView Item component

See:

Example:

Markup
<coral-columnview-item></coral-columnview-item>
JS constructor
new Coral.ColumnView.Item();

Static Member Summary

Static Public Members
public static

Returns ColumnViewItem variants.

Member Summary

Public Members
public

Whether the item is active.

public

The content of the item.

public

Specifies the icon that will be placed inside the thumbnail.

public

id: *

public

Whether the item is selected.

public
public

The thumbnail of the item.

public

The item's variant. See ColumnViewItemVariantEnum.

  • ColumnViewItemVariantEnum.DEFAULT by default.
  • reflected

Static Public Members

public static variant: ColumnViewItemVariantEnum: * source

Returns ColumnViewItem variants.

Public Members

public active: Boolean source

Whether the item is active.

  • false by default.
  • reflected

public content: ColumnViewItemContent source

The content of the item.

  • content-zone

public icon: String source

Specifies the icon that will be placed inside the thumbnail. The size of the icon is always controlled by the component.

  • "" by default.
  • reflected

public id: * source

public selected: Boolean source

Whether the item is selected.

  • false by default.
  • reflected

public tabIndex: * source

public thumbnail: ColumnViewItemThumbnail source

The thumbnail of the item. It is used to hold an icon or an image.

  • content-zone

public variant: String source

The item's variant. See ColumnViewItemVariantEnum.

  • ColumnViewItemVariantEnum.DEFAULT by default.
  • reflected