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

CycleButtonItem

Expression Extends:

class CycleButtonItem extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A CycleButton Item component

See:

Example:

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

Static Member Summary

Static Public Members
public static

Returns CycleButtonItem display options.

Member Summary

Public Members
public

content: *

null

public

Whether the Item is disabled.

public

The displayMode to be used when the particular item is selected.

public

The Item's icon. See Coral.Icon for valid icon names.

  • "" by default.
  • reflected

public

Whether the Item is selected.

public

Static Public Members

public static displayMode: CycleButtonItemDisplayModeEnum: * source

Returns CycleButtonItem display options.

Public Members

public content: * source

null

public disabled: Boolean source

Whether the Item is disabled. When set to true, this will prevent every user interacting with it.

  • false by default.
  • reflected

public displayMode: String source

The displayMode to be used when the particular item is selected. When this value is set to inherit it will defer to the component level displayMode. If the selected item does not have the necessary icon or text information, then fallback to show whichever is available. The appearance of collapsed items in the popover are not affected by this property. See CycleButtonItemDisplayModeEnum.

  • CycleButtonItemDisplayModeEnum.INHERIT by default.
  • reflected

public icon: String source

The Item's icon. See Coral.Icon for valid icon names.

  • "" by default.
  • reflected

public selected: Boolean source

Whether the Item is selected.

  • false by default.
  • reflected

public trackingElement: * source

Inherited from BaseComponent#trackingElement.