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

Step

Expression Extends:

class Step extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A Step component

See:

Example:

Markup
<coral-step></coral-step>
JS constructor
new Coral.Step();

Member Summary

Public Members
public

Reflects the aria-describedby attribute to the link element.

public

Whether the item is disabled

  • false by default.

public

The label of the step.

public

Reflects the aria-label attribute to the marker dot for cases where no visible label is provided for the Step.

public

Reflects the aria-labelledby attribute to the marker dot for cases where no visible label is provided for the Step, and the Step is labelled by an external element.

public

Whether the item is selected.

public

The target element that will be selected when this Step is selected.

public

Method Summary

Public Methods
public

blur()

public

focus()

Public Members

public describedBy: String source

Reflects the aria-describedby attribute to the link element.

  • '' by default.
  • reflected

public disabled: Boolean source

Whether the item is disabled

  • false by default.
  • reflected

public label: StepLabel source

The label of the step.

  • content-zone

public labelled: String source

Reflects the aria-label attribute to the marker dot for cases where no visible label is provided for the Step.

  • '' by default.
  • reflected

public labelledBy: String source

Reflects the aria-labelledby attribute to the marker dot for cases where no visible label is provided for the Step, and the Step is labelled by an external element.

  • '' by default.
  • reflected

public selected: Boolean source

Whether the item is selected. When true, the item will appear as the active element in the StepList. The item must be a child of a StepList before this property is set to true.

  • false by default.
  • reflected

public target: HTMLElement | String source

The target element that will be selected when this Step is selected. It accepts a CSS selector or a DOM element. If a CSS Selector is provided, the first matching element will be used.

  • null by default.

public trackingElement: * source

Inherited from BaseComponent#trackingElement.

Public Methods

public blur() source

public focus() source