@adobe/coral-spectrum
Version:
Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.
9,867 lines • 364 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl" href="../">
<title data-ice="title">Variable | Coral Spectrum</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
<script src="./inject/script/0-typekit.js"></script><script src="./inject/script/0-guide.js"></script><link rel="stylesheet" href="./inject/css/0-guide.css"><meta name="description" content="Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns."><meta property="twitter:card" content="summary"><meta property="twitter:title" content="Coral Spectrum"><meta property="twitter:description" content="Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns."></head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./" style="display: flex; align-items: center;"><img src="./image/brand_logo.svg" style="width:34px;"></a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
<a style="position:relative; top:3px;" href="https://github.com/adobe/coral-spectrum"><img width="20px" src="./image/github.png"></a></header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-button-src-scripts">coral-base-button/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-BaseButton">BaseButton</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ButtonIconPositionEnum">ButtonIconPositionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ButtonIconSizeEnum">ButtonIconSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ButtonSizeEnum">ButtonSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ButtonVariantEnum">ButtonVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-component-src-scripts">coral-base-component/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-base-component/src/scripts/BaseComponent.js~BaseComponent.html">BaseComponent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TrackingEnum">TrackingEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-fieldgroup-src-scripts">coral-base-fieldgroup/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-base-fieldgroup/src/scripts/BaseFieldGroup.js~BaseFieldGroup.html">BaseFieldGroup</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-BaseFieldGroupOrientationEnum">BaseFieldGroupOrientationEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-formfield-src-scripts">coral-base-formfield/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-base-formfield/src/scripts/BaseFormField.js~BaseFormField.html">BaseFormField</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-labellable-src-scripts">coral-base-labellable/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-base-labellable/src/scripts/BaseLabellable.js~BaseLabellable.html">BaseLabellable</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-list-src-scripts">coral-base-list/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-base-list/src/scripts/BaseList.js~BaseList.html">BaseList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-BaseListItem">BaseListItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ListInteractionEnum">ListInteractionEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-base-overlay-src-scripts">coral-base-overlay/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-base-overlay/src/scripts/BaseOverlay.js~BaseOverlay.html">BaseOverlay</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-overlay:beforeclose">coral-overlay:beforeclose</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-overlay:beforeopen">coral-overlay:beforeopen</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-overlay:close">coral-overlay:close</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-overlay:open">coral-overlay:open</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayFadeTime">OverlayFadeTime</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayFocusOnShowEnum">OverlayFocusOnShowEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayReturnFocusEnum">OverlayReturnFocusEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayScrollOnFocusEnum">OverlayScrollOnFocusEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayTrapFocusEnum">OverlayTrapFocusEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-collection-src-scripts">coral-collection/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-collection/src/scripts/Collection.js~Collection.html">Collection</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-collection/src/scripts/SelectableCollection.js~SelectableCollection.html">SelectableCollection</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CollectionFilter">CollectionFilter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CollectionOnChange">CollectionOnChange</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CollectionOnItemAdded">CollectionOnItemAdded</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CollectionOnItemRemoved">CollectionOnItemRemoved</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-collection:add">coral-collection:add</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-collection:remove">coral-collection:remove</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-accordion-src-scripts">coral-component-accordion/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-AccordionItemContent">AccordionItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-AccordionItemLabel">AccordionItemLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Accordion">Accordion</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AccordionItem">AccordionItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-AccordionVariantEnum">AccordionVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-accordion:change">coral-accordion:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-actionbar-src-scripts">coral-component-actionbar/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarContainerCollection.js~ActionBarContainerCollection.html">ActionBarContainerCollection</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-actionbar/src/scripts/BaseActionBarContainer.js~BaseActionBarContainer.html">BaseActionBarContainer</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ActionBar">ActionBar</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarContainer">ActionBarContainer</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarItem">ActionBarItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarPrimary">ActionBarPrimary</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarSecondary">ActionBarSecondary</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ActionBarContainerPositionEnum">ActionBarContainerPositionEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-alert-src-scripts">coral-component-alert/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-AlertContent">AlertContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-AlertFooter">AlertFooter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-AlertHeader">AlertHeader</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Alert">Alert</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-AlertSizeEnum">AlertSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-AlertVariantEnum">AlertVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-anchorbutton-src-scripts">coral-component-anchorbutton/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-AnchorButtonLabel">AnchorButtonLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AnchorButton">AnchorButton</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-autocomplete-src-scripts">coral-component-autocomplete/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Autocomplete">Autocomplete</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AutocompleteItem">AutocompleteItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-AutocompleteMatchEnum">AutocompleteMatchEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-AutocompleteSuggestion">AutocompleteSuggestion</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-AutocompleteVariantEnum">AutocompleteVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-autocomplete:hidesuggestions">coral-autocomplete:hidesuggestions</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-autocomplete:showsuggestions">coral-autocomplete:showsuggestions</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-banner-src-scripts">coral-component-banner/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-BannerContent">BannerContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-BannerHeader">BannerHeader</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Banner">Banner</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-BannerVariantEnum">BannerVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-button-src-scripts">coral-component-button/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ButtonLabel">ButtonLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Button">Button</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-buttongroup-src-scripts">coral-component-buttongroup/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ButtonGroup">ButtonGroup</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ButtonGroupSelectionModeEnum">ButtonGroupSelectionModeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-calendar-src-scripts">coral-component-calendar/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Calendar">Calendar</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-card-src-scripts">coral-component-card/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardAsset">CardAsset</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardContent">CardContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardContext">CardContext</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardDescription">CardDescription</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardInfo">CardInfo</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardOverlay">CardOverlay</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardPropertyContent">CardPropertyContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardSubtitle">CardSubtitle</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CardTitle">CardTitle</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Card">Card</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CardProperty">CardProperty</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CardPropertyList">CardPropertyList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CardVariantEnum">CardVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-charactercount-src-scripts">coral-component-charactercount/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CharacterCount">CharacterCount</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CharacterCountTargetEnum">CharacterCountTargetEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-checkbox-src-scripts">coral-component-checkbox/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-CheckboxLabel">CheckboxLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Checkbox">Checkbox</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-checkboxgroup-src-scripts">coral-component-checkboxgroup/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CheckboxGroup">CheckboxGroup</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-clock-src-scripts">coral-component-clock/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Clock">Clock</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ClockVariantEnum">ClockVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-coachmark-src-scripts">coral-component-coachmark/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CoachMark">CoachMark</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CoachMarkSizeEnum">CoachMarkSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CoachMarkVariantEnum">CoachMarkVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-colorinput-src-scripts">coral-component-colorinput/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorinput/src/scripts/BaseColorInputAbstractSubview.js~BaseColorInputAbstractSubview.html">BaseColorInputAbstractSubview</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorinput/src/scripts/Color.js~Color.html">Color</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorInput">ColorInput</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputColorProperties">ColorInputColorProperties</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputItem">ColorInputItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputSlider">ColorInputSlider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputSwatch">ColorInputSwatch</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputSwatches">ColorInputSwatches</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColorInputAutoGenerateColorsEnum">ColorInputAutoGenerateColorsEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColorInputShowDefaultColorsEnum">ColorInputShowDefaultColorsEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColorInputShowPropertiesEnum">ColorInputShowPropertiesEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColorInputShowSwatchesEnum">ColorInputShowSwatchesEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColorInputVariantEnum">ColorInputVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-colorpicker-src-scripts">coral-component-colorpicker/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorArea.js~ColorArea.html">ColorArea</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorHandle.js~ColorHandle.html">ColorHandle</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorPicker.js~ColorPicker.html">ColorPicker</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorProperties.js~ColorProperties.html">ColorProperties</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorSlider.js~ColorSlider.html">ColorSlider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorSliderHue.js~ColorSliderHue.html">ColorSliderHue</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorUtil.js~ColorUtil.html">ColorUtil</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColorFormats">ColorFormats</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-colorUtil">colorUtil</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-columnview-src-scripts">coral-component-columnview/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewCollection.js~ColumnViewCollection.html">ColumnViewCollection</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewColumnContent">ColumnViewColumnContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewItemContent">ColumnViewItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewItemThumbnail">ColumnViewItemThumbnail</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewPreviewAsset">ColumnViewPreviewAsset</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewPreviewContent">ColumnViewPreviewContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewPreviewLabel">ColumnViewPreviewLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewPreviewSeparator">ColumnViewPreviewSeparator</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ColumnViewPreviewValue">ColumnViewPreviewValue</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColumnView">ColumnView</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColumnViewColumn">ColumnViewColumn</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColumnViewItem">ColumnViewItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ColumnViewPreview">ColumnViewPreview</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-columnview:activeitemchange">coral-columnview:activeitemchange</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-columnview:change">coral-columnview:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-columnview:loaditems">coral-columnview:loaditems</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-columnview:navigate">coral-columnview:navigate</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColumnViewItemVariantEnum">ColumnViewItemVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ColumnViewSelectionModeEnum">ColumnViewSelectionModeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-cyclebutton-src-scripts">coral-component-cyclebutton/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CycleButton">CycleButton</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CycleButtonAction">CycleButtonAction</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-CycleButtonItem">CycleButtonItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CycleButtonDisplayModeEnum">CycleButtonDisplayModeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-cyclebutton:change">coral-cyclebutton:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-CycleButtonItemDisplayModeEnum">CycleButtonItemDisplayModeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-datepicker-src-scripts">coral-component-datepicker/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Datepicker">Datepicker</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DatepickerTypeEnum">DatepickerTypeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DatepickerVariantEnum">DatepickerVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-dialog-src-scripts">coral-component-dialog/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-DialogContent">DialogContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-DialogFooter">DialogFooter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-DialogHeader">DialogHeader</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Dialog">Dialog</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DialogBackdropEnum">DialogBackdropEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DialogClosableEnum">DialogClosableEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DialogInteractionEnum">DialogInteractionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DialogVariantEnum">DialogVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-drawer-src-scripts">coral-component-drawer/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-DrawerContent">DrawerContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Drawer">Drawer</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DrawerDirectionEnum">DrawerDirectionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-drawer:close">coral-drawer:close</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-drawer:open">coral-drawer:open</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-fileupload-src-scripts">coral-component-fileupload/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-fileupload/src/scripts/FileUploadItem.js~FileUploadItem.html">FileUploadItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-FileUpload">FileUpload</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-FileUploadMethodEnum">FileUploadMethodEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-FileUploadItemResponseTypeEnum">FileUploadItemResponseTypeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-icon-src-scripts">coral-component-icon/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-loadIcons">loadIcons</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Icon">Icon</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SPECTRUM_CSS_ICONS">SPECTRUM_CSS_ICONS</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SPECTRUM_ICONS">SPECTRUM_ICONS</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SPECTRUM_ICONS_COLOR">SPECTRUM_ICONS_COLOR</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-IconAutoAriaLabelEnum">IconAutoAriaLabelEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-IconSizeEnum">IconSizeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-list-src-scripts">coral-component-list/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ListItemContent">ListItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-SelectListItemContent">SelectListItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AnchorList">AnchorList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-AnchorListItem">AnchorListItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ButtonList">ButtonList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ButtonListItem">ButtonListItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-List">List</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ListDivider">ListDivider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-ListItem">ListItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SelectList">SelectList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SelectListGroup">SelectListGroup</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SelectListItem">SelectListItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-selectlist:change">coral-selectlist:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-selectlist:change">coral-selectlist:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-selectlist:scrollbottom">coral-selectlist:scrollbottom</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-masonry-src-scripts">coral-component-masonry/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-masonry/src/scripts/MasonryColumnLayout.js~MasonryColumnLayout.html">MasonryColumnLayout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-masonry/src/scripts/MasonryDashboardLayout.js~MasonryDashboardLayout.html">MasonryDashboardLayout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-masonry/src/scripts/MasonryFixedCenteredLayout.js~MasonryFixedCenteredLayout.html">MasonryFixedCenteredLayout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-masonry/src/scripts/MasonryFixedSpreadLayout.js~MasonryFixedSpreadLayout.html">MasonryFixedSpreadLayout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-masonry/src/scripts/MasonryLayout.js~MasonryLayout.html">MasonryLayout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-masonry/src/scripts/MasonryVariableLayout.js~MasonryVariableLayout.html">MasonryVariableLayout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-MasonryItemAccessibilityState">MasonryItemAccessibilityState</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Masonry">Masonry</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-MasonryItem">MasonryItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-MasonryAriaGridEnum">MasonryAriaGridEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-MasonryLayoutsEnum">MasonryLayoutsEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-MasonrySelectionModeEnum">MasonrySelectionModeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-masonry:change">coral-masonry:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-masonry:order">coral-masonry:order</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-multifield-src-scripts">coral-component-multifield/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-multifield/src/scripts/MultifieldCollection.js~MultifieldCollection.html">MultifieldCollection</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-MultifieldItemContent">MultifieldItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Multifield">Multifield</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-MultifieldItem">MultifieldItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-multifield:beforeitemorder">coral-multifield:beforeitemorder</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-multifield:itemorder">coral-multifield:itemorder</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-numberinput-src-scripts">coral-component-numberinput/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-NumberInput">NumberInput</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-overlay-src-scripts">coral-component-overlay/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-overlay/src/scripts/Overlay.js~ExtensibleOverlay.html">ExtensibleOverlay</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Overlay">Overlay</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-overlay:positioned">coral-overlay:positioned</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayAlignEnum">OverlayAlignEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayCollisionEnum">OverlayCollisionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayInteractionEnum">OverlayInteractionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayPlacementEnum">OverlayPlacementEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-OverlayTargetEnum">OverlayTargetEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-panelstack-src-scripts">coral-component-panelstack/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-PanelContent">PanelContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Panel">Panel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-PanelStack">PanelStack</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-panelstack:change">coral-panelstack:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-popover-src-scripts">coral-component-popover/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-PopoverContent">PopoverContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-PopoverFooter">PopoverFooter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-PopoverHeader">PopoverHeader</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Popover">Popover</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-PopoverSeparator">PopoverSeparator</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-PopoverClosableEnum">PopoverClosableEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-PopoverVariantEnum">PopoverVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-progress-src-scripts">coral-component-progress/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ProgressLabel">ProgressLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Progress">Progress</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ProgressLabelPositionEnum">ProgressLabelPositionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ProgressSizeEnum">ProgressSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-progress:change">coral-progress:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-quickactions-src-scripts">coral-component-quickactions/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-QuickActions">QuickActions</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-QuickActionsItem">QuickActionsItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-QuickActionsInteractionEnum">QuickActionsInteractionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-QuickActionsPlacementEnum">QuickActionsPlacementEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-QuickActionsTargetEnum">QuickActionsTargetEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-QuickActionsItemTypeEnum">QuickActionsItemTypeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-radio-src-scripts">coral-component-radio/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-RadioLabel">RadioLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Radio">Radio</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-radiogroup-src-scripts">coral-component-radiogroup/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-RadioGroup">RadioGroup</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-RadioGroupOrientationEnum">RadioGroupOrientationEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-search-src-scripts">coral-component-search/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Search">Search</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-SearchVariantEnum">SearchVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-search:clear">coral-search:clear</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-search:input">coral-search:input</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-search:submit">coral-search:submit</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-select-src-scripts">coral-component-select/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Select">Select</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SelectItem">SelectItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-SelectVariantEnum">SelectVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-select:hideitems">coral-select:hideitems</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-select:showitems">coral-select:showitems</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-shell-src-scripts">coral-component-shell/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/Shell.js~Shell.html">Shell</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellHeader.js~ShellHeader.html">ShellHeader</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellHelp.js~ShellHelp.html">ShellHelp</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellHelpItem.js~ShellHelpItem.html">ShellHelpItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellHomeAnchor.js~ShellHomeAnchor.html">ShellHomeAnchor</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellMenu.js~ShellMenu.html">ShellMenu</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellMenuBar.js~ShellMenuBar.html">ShellMenuBar</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellMenuBarItem.js~ShellMenuBarItem.html">ShellMenuBarItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellOrgSwitcher.js~ShellOrgSwitcher.html">ShellOrgSwitcher</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellOrganization.js~ShellOrganization.html">ShellOrganization</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellSelectListSwitcher.js~ShellSelectListSwitcher.html">ShellSelectListSwitcher</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellSelectListSwitcherItem.js~ShellSelectListSwitcherItem.html">ShellSelectListSwitcherItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellSolution.js~ShellSolution.html">ShellSolution</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellSolutionSwitcher.js~ShellSolutionSwitcher.html">ShellSolutionSwitcher</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellSolutions.js~ShellSolutions.html">ShellSolutions</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellSuborganization.js~ShellSuborganization.html">ShellSuborganization</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellUser.js~ShellUser.html">ShellUser</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellWorkspace.js~ShellWorkspace.html">ShellWorkspace</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-shell/src/scripts/ShellWorkspaces.js~ShellWorkspaces.html">ShellWorkspaces</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellContent">ShellContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellHelpSeparator">ShellHelpSeparator</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellHomeAnchorLabel">ShellHomeAnchorLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellOrgSwitcherFooter">ShellOrgSwitcherFooter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellSolutionLabel">ShellSolutionLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellSolutionsHeader">ShellSolutionsHeader</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellUserContent">ShellUserContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellUserFooter">ShellUserFooter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellUserHeading">ShellUserHeading</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellUserName">ShellUserName</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ShellUserSubheading">ShellUserSubheading</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ShellHelpResult">ShellHelpResult</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-shell-menubar-item:close">coral-shell-menubar-item:close</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-shell-menubar-item:open">coral-shell-menubar-item:open</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ShellMenuBarItemHasPopupRoleEnum">ShellMenuBarItemHasPopupRoleEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ShellMenuBarItemIconVariantEnum">ShellMenuBarItemIconVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-shell-orgswitcher:change">coral-shell-orgswitcher:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ShellUserAvatarEnum">ShellUserAvatarEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-sidenav-src-scripts">coral-component-sidenav/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-SideNavHeading">SideNavHeading</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-SideNavItemContent">SideNavItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SideNav">SideNav</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SideNavItem">SideNavItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SideNavLevel">SideNavLevel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-SideNavVariantEnum">SideNavVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-sidenav:change">coral-sidenav:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-slider-src-scripts">coral-component-slider/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-slider/src/scripts/Slider.js~ExtensibleSlider.html">ExtensibleSlider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-SliderContent">SliderContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-RangedSlider">RangedSlider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Slider">Slider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SliderItem">SliderItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-SliderOrientationEnum">SliderOrientationEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-splitbutton-src-scripts">coral-component-splitbutton/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-SplitButton">SplitButton</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-SplitButtonVariantEnum">SplitButtonVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-status-src-scripts">coral-component-status/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-StatusLabel">StatusLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Status">Status</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-StatusColorEnum">StatusColorEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-StatusVariantEnum">StatusVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-steplist-src-scripts">coral-component-steplist/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-StepLabel">StepLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Step">Step</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-StepList">StepList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-StepListInteractionEnum">StepListInteractionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-StepListSizeEnum">StepListSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-steplist:change">coral-steplist:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-switch-src-scripts">coral-component-switch/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-SwitchLabel">SwitchLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Switch">Switch</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-table-src-scripts">coral-component-table/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-table/src/scripts/BaseTableSection.js~BaseTableSection.html">BaseTableSection</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-TableHeaderCellContent">TableHeaderCellContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Table">Table</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableBody">TableBody</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableCell">TableCell</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableColumn">TableColumn</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableFoot">TableFoot</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableHead">TableHead</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableHeaderCell">TableHeaderCell</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TableRow">TableRow</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TableVariantEnum">TableVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:beforecolumndrag">coral-table:beforecolumndrag</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:beforecolumnsort">coral-table:beforecolumnsort</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:beforeroworder">coral-table:beforeroworder</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:change">coral-table:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:columndrag">coral-table:columndrag</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:columnsort">coral-table:columnsort</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:rowchange">coral-table:rowchange</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:rowlock">coral-table:rowlock</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:roworder">coral-table:roworder</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-table:rowunlock">coral-table:rowunlock</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TableColumnSortableDirectionEnum">TableColumnSortableDirectionEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TableColumnSortableTypeEnum">TableColumnSortableTypeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TableColumnAlignmentEnum">TableColumnAlignmentEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TableSectionDividerEnum">TableSectionDividerEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-tablist-src-scripts">coral-component-tablist/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-component-tablist/src/scripts/TabList.js~TabList.html">TabList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-TabLabel">TabLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Tab">Tab</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-tablist:change">coral-tablist:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TabListOrientationEnum">TabListOrientationEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TabListSizeEnum">TabListSizeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-tabview-src-scripts">coral-component-tabview/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TabView">TabView</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TabViewOrientationEnum">TabViewOrientationEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-tabview:change">coral-tabview:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-taglist-src-scripts">coral-component-taglist/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-TagLabel">TagLabel</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Tag">Tag</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TagList">TagList</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TagColorEnum">TagColorEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TagSizeEnum">TagSizeEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-textarea-src-scripts">coral-component-textarea/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Textarea">Textarea</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TextareaVariantEnum">TextareaVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-textfield-src-scripts">coral-component-textfield/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Textfield">Textfield</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TextfieldVariantEnum">TextfieldVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-toast-src-scripts">coral-component-toast/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-ToastContent">ToastContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Toast">Toast</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ToastPlacementEnum">ToastPlacementEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-ToastVariantEnum">ToastVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-tooltip-src-scripts">coral-component-tooltip/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-TooltipContent">TooltipContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Tooltip">Tooltip</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TooltipVariantEnum">TooltipVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-tree-src-scripts">coral-component-tree/src/scripts</a><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-TreeItemContent">TreeItemContent</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Tree">Tree</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-TreeItem">TreeItem</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-tree:change">coral-tree:change</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-tree:collapse">coral-tree:collapse</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-tree:expand">coral-tree:expand</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-TreeItemVariantEnum">TreeItemVariantEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-wait-src-scripts">coral-component-wait/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-Wait">Wait</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-WaitSizeEnum">WaitSizeEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-WaitVariantEnum">WaitVariantEnum</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-wait:change">coral-wait:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-component-wizardview-src-scripts">coral-component-wizardview/src/scripts</a><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-WizardView">WizardView</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-wizardview:change">coral-wizardview:change</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-datetime-src-scripts">coral-datetime/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-datetime/src/scripts/DateTime.js~DateTime.html">DateTime</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-dragaction-src-scripts">coral-dragaction/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-dragaction/src/scripts/DragAction.js~DragAction.html">DragAction</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:drag">coral-dragaction:drag</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragend">coral-dragaction:dragend</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragendonkey">coral-dragaction:dragendonkey</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragenter">coral-dragaction:dragenter</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragleave">coral-dragaction:dragleave</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragonkeyfocusout">coral-dragaction:dragonkeyfocusout</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragonkeyspace">coral-dragaction:dragonkeyspace</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragover">coral-dragaction:dragover</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragoveronkeyarrowdown">coral-dragaction:dragoveronkeyarrowdown</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragoveronkeyarrowup">coral-dragaction:dragoveronkeyarrowup</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:dragstart">coral-dragaction:dragstart</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-coral-dragaction:drop">coral-dragaction:drop</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-DragActionAxisEnum">DragActionAxisEnum</a></span></span></li>
<li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#coral-utils-src-scripts">coral-utils/src/scripts</a><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/Commons.js~Commons.html">Commons</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/Events.js~Events.html">Events</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/I18nProvider.js~I18nProvider.html">I18nProvider</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/Keys.js~Keys.html">Keys</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/Tracking.js~Tracking.html">Tracking</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/Transformation.js~Transformation.html">Transformation</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-class">C</span><span data-ice="name"><span><a href="class/coral-spectrum/coral-utils/src/scripts/Validation.js~Validation.html">Validation</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-commons">commons</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-events">events</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-i18n">i18n</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-strings">strings</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-keys">keys</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-tracking">tracking</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-transform">transform</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-variable">V</span><span data-ice="name"><span><a href="variable/index.html#static-variable-validate">validate</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-typedef">T</span><span data-ice="name"><span><a href="typedef/index.html#static-typedef-I18nLocalesEnum">I18nLocalesEnum</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><h1 data-ice="title">Variable</h1>
<div data-ice="summaries"><table class="summary" data-ice="summary">
<thead><tr><td data-ice="title" colspan="3">Static Public Summary</td></tr></thead>
<tbody>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Accordion">Accordion</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An Accordion component consisting of multiple collapsible items.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-AccordionItem">AccordionItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Accordion item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ActionBar">ActionBar</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An ActionBar component containing arbitrary items.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarContainer">ActionBarContainer</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div class="deprecated" data-ice="deprecated">this variable was deprecated.</div>
<div data-ice="description"><p>An ActionBar container component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarItem">ActionBarItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An ActionBar item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarPrimary">ActionBarPrimary</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An ActionBar primary component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ActionBarSecondary">ActionBarSecondary</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An ActionBar secondary component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Alert">Alert</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An Alert component used as static indicators of an operation's result, or as messages to highlight
information to the user. It does not include a close button by default, but you can add it manually by adding the
<code>coral-close</code> attribute on an element contained by the Alert.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-AnchorButton">AnchorButton</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Link component rendering as a button allowing us to style an anchor element that both looks and behaves
like a button rather than a link.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-AnchorList">AnchorList</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An AnchorList component that supports multi-line text, icons, and text wrapping with ellipsis.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-AnchorListItem">AnchorListItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An AnchorList item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Autocomplete">Autocomplete</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An Autocomplete component that allows users to search and select from a list of options.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-AutocompleteItem">AutocompleteItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>The Autocomplete Item</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Banner">Banner</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Banner component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Button">Button</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Button component containing text and/or an icon.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ButtonGroup">ButtonGroup</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ButtonGroup component that can be used as a selection form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ButtonList">ButtonList</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ButtonList component that supports multi-line text, icons, and text wrapping with ellipsis.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ButtonListItem">ButtonListItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An ButtonList item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Calendar">Calendar</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Calendar component that can be used as a date selection form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Card">Card</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Card component to display content in different variations.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CardProperty">CardProperty</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Card property component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CardPropertyList">CardPropertyList</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>The Card PropertyList component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CharacterCount">CharacterCount</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A CharacterCount component that indicates the remaining characters in a Textfield or Textarea.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Checkbox">Checkbox</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Checkbox component to be used as a form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CheckboxGroup">CheckboxGroup</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A CheckboxGroup component to group checkbox fields</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Clock">Clock</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Clock component that can be used as a time selection form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CoachMark">CoachMark</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A coach mark component to highlight UI elements on the page.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorFormats">ColorFormats</a></span></span><span class="code" data-ice="signature">: {"HSL": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HSV": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "RGB": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "PRGB": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX3": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX4": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX8": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "NAME": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>}</span>
</p>
</div>
<div>
<div data-ice="description"><p>Copyright 2021 Adobe.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorInput">ColorInput</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColorInput component than can be used as a form field to select from a list of color options.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputColorProperties">ColorInputColorProperties</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColorInput Color properties component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputItem">ColorInputItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColorInput Item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputSlider">ColorInputSlider</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColorInput Slider component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputSwatch">ColorInputSwatch</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColorInput Swatch component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColorInputSwatches">ColorInputSwatches</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColorInput Swatches component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColumnView">ColumnView</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColumnView component to display and allow users to browse and select items in a dynamic tree structure
(e.g.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColumnViewColumn">ColumnViewColumn</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColumnView Column component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColumnViewItem">ColumnViewItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColumnView Item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ColumnViewPreview">ColumnViewPreview</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A ColumnView Preview component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CycleButton">CycleButton</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A CycleButton component is a simple multi-state toggle button that toggles between the possible items below
a certain threshold, and shows them in a popover selector when above.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CycleButtonAction">CycleButtonAction</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A CycleButton Action component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-CycleButtonItem">CycleButtonItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A CycleButton Item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Datepicker">Datepicker</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Datepicker component that can be used as a date and time selection form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Dialog">Dialog</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Dialog component that supports various use cases with custom content.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Drawer">Drawer</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Drawer component to display content that can be opened and closed with a sliding animation.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-FileUpload">FileUpload</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A FileUpload component that manages the upload process of multiple files.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Icon">Icon</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An Icon component.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-List">List</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A List component that supports multi-line text, icons, and text wrapping with ellipsis.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ListDivider">ListDivider</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>The List divider</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-ListItem">ListItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A List item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Masonry">Masonry</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Masonry component that allows to lay out items in a masonry grid.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-MasonryItem">MasonryItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Masonry Item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Multifield">Multifield</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Multifield component that enables adding, reordering, and removing multiple instances of a component.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-MultifieldItem">MultifieldItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Multifield item component.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-NumberInput">NumberInput</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A NumberInput component is a numeric control form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Overlay">Overlay</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Panel">Panel</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Panel component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-PanelStack">PanelStack</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A PanelStack component holding a collection of panels.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Popover">Popover</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Popover component for small overlay content.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-PopoverSeparator">PopoverSeparator</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>The Popover separator</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Progress">Progress</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Progress component to indicate progress of processes.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-QuickActions">QuickActions</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A QuickActions component is an overlay component that reveals actions when interacting with a container.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-QuickActionsItem">QuickActionsItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A QuickActions item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Radio">Radio</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Radio component to be used as a form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-RadioGroup">RadioGroup</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A RadioGroup component to group radio fields</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-RangedSlider">RangedSlider</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Ranged Slider</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SPECTRUM_CSS_ICONS">SPECTRUM_CSS_ICONS</a></span></span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SPECTRUM_ICONS">SPECTRUM_ICONS</a></span></span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span></span>
</p>
</div>
<div>
<div data-ice="description"><p>Copyright 2020 Adobe.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SPECTRUM_ICONS_COLOR">SPECTRUM_ICONS_COLOR</a></span></span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Search">Search</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Search component is a search styled form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Select">Select</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Select component is a form field that allows users to select from a list of options.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SelectItem">SelectItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Select item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SelectList">SelectList</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A SelectList component is a selectable list of items.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SelectListGroup">SelectListGroup</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A SelectList group component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SelectListItem">SelectListItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A SelectList item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SideNav">SideNav</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Side Navigation component to navigate the entire content of a product or a section.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SideNavItem">SideNavItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A SideNav Item component.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SideNavLevel">SideNavLevel</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A SideNav Level component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Slider">Slider</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SliderItem">SliderItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>The Slider item</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-SplitButton">SplitButton</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Split Button component composed of an action and a trigger <span><a href="variable/index.html#static-variable-AnchorButton">AnchorButton</a></span> or <span><a href="variable/index.html#static-variable-Button">Button</a></span>.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Status">Status</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Status component to describe the condition of another entity.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Step">Step</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Step component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-StepList">StepList</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A StepList component that holds a collection of steps.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Switch">Switch</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Switch component is a toggle form field similar to a Checkbox component.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Tab">Tab</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Tab component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TabView">TabView</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A TabView component is the wrapping container used to create the typical Tabbed pattern.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Table">Table</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table component is a container component to display and manipulate data in two dimensions.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableBody">TableBody</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table body component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableCell">TableCell</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table cell component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableColumn">TableColumn</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table column component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableFoot">TableFoot</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table foot component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableHead">TableHead</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table head component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableHeaderCell">TableHeaderCell</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table header cell component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TableRow">TableRow</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Table row component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Tag">Tag</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Tag component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TagList">TagList</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A TagList component is a form field container to manipulate tags.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Textarea">Textarea</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Textarea component is the default multi-line text form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Textfield">Textfield</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Textfield component is the default single line text form field.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Toast">Toast</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>Toasts display brief temporary notifications.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Tooltip">Tooltip</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Tooltip component that can be attached to any element and may be displayed immediately or on hovering the
target element.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Tree">Tree</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Tree component is a container component to display collapsible content.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-TreeItem">TreeItem</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Tree item component</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-Wait">Wait</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A Wait component to be used to indicate a process that is in-progress for an indefinite amount of time.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-WizardView">WizardView</a></span></span><span class="code" data-ice="signature">: <span>*</span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A WizardView component is the wrapping container used to create the typical Wizard pattern.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-colorUtil">colorUtil</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorUtil.js~ColorUtil.html">ColorUtil</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-commons">commons</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Commons.js~Commons.html">Commons</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-events">events</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Events.js~Events.html">Events</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-i18n">i18n</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/I18nProvider.js~I18nProvider.html">I18nProvider</a></span></span>
</p>
</div>
<div>
<div data-ice="description"><p>An i18n service.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-keys">keys</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Keys.js~Keys.html">Keys</a></span></span>
</p>
</div>
<div>
<div data-ice="description"><p>A key listener for global hotkeys is exposed for document eventing handling.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-strings">strings</a></span></span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></span></span>
</p>
</div>
<div>
<div data-ice="description"><p>Used to store i18n strings.</p>
</div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-tracking">tracking</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Tracking.js~Tracking.html">Tracking</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-transform">transform</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Transformation.js~Transformation.html">Transformation</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
<tr data-ice="target">
<td>
<span class="access" data-ice="access">public</span>
<span class="override" data-ice="override"></span>
</td>
<td>
<div>
<p>
<span class="code" data-ice="name"><span><a href="variable/index.html#static-variable-validate">validate</a></span></span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Validation.js~Validation.html">Validation</a></span></span>
</p>
</div>
<div>
</div>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
<div data-ice="details"><h2 data-ice="title">Static Public </h2>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Accordion">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Accordion</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-accordion/src/scripts/Accordion.js.html#lineNumber52">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Accordion} from '<span><a href="file/coral-spectrum/coral-component-accordion/src/scripts/Accordion.js.html#lineNumber52">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An Accordion component consisting of multiple collapsible items.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-accordion></coral-accordion></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Accordion();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#accordion">../examples/#accordion</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-AccordionItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">AccordionItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-accordion/src/scripts/AccordionItem.js.html#lineNumber28">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Accordion} from '<span><a href="file/coral-spectrum/coral-component-accordion/src/scripts/AccordionItem.js.html#lineNumber28">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Accordion item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-accordion-item></coral-accordion-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Accordion.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#accordion">../examples/#accordion</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ActionBar">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ActionBar</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBar.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ActionBar} from '<span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBar.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An ActionBar component containing arbitrary items. An item can either be added to the left or the right side
of the bar. All items that do not fit into the bar are hidden but still accessible.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-actionbar></coral-actionbar></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ActionBar();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#actionbar">../examples/#actionbar</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ActionBarContainer">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ActionBarContainer</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarContainer.js.html#lineNumber48">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ActionBar} from '<span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarContainer.js.html#lineNumber48">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div class="deprecated" data-ice="deprecated">this variable was deprecated.</div>
<div data-ice="description"><p>An ActionBar container component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-actionbar-container></coral-actionbar-container></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ActionBar.Container();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#actionbar">../examples/#actionbar</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ActionBarItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ActionBarItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarItem.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ActionBar} from '<span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarItem.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An ActionBar item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-actionbar-item></coral-actionbar-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ActionBar.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#actionbar">../examples/#actionbar</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ActionBarPrimary">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ActionBarPrimary</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarPrimary.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ActionBar} from '<span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarPrimary.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An ActionBar primary component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-actionbar-primary></coral-actionbar-primary></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ActionBar.Primary();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#actionbar">../examples/#actionbar</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ActionBarSecondary">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ActionBarSecondary</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarSecondary.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ActionBar} from '<span><a href="file/coral-spectrum/coral-component-actionbar/src/scripts/ActionBarSecondary.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An ActionBar secondary component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-actionbar-secondary></coral-actionbar-secondary></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ActionBar.Secondary();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#actionbar">../examples/#actionbar</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Alert">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Alert</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-alert/src/scripts/Alert.js.html#lineNumber77">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Alert} from '<span><a href="file/coral-spectrum/coral-component-alert/src/scripts/Alert.js.html#lineNumber77">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An Alert component used as static indicators of an operation's result, or as messages to highlight
information to the user. It does not include a close button by default, but you can add it manually by adding the
<code>coral-close</code> attribute on an element contained by the Alert.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-alert></coral-alert></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Alert();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#alert">../examples/#alert</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-AnchorButton">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">AnchorButton</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-anchorbutton/src/scripts/AnchorButton.js.html#lineNumber33">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {AnchorButton} from '<span><a href="file/coral-spectrum/coral-component-anchorbutton/src/scripts/AnchorButton.js.html#lineNumber33">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Link component rendering as a button allowing us to style an anchor element that both looks and behaves
like a button rather than a link. It can receive keyboard focus regardless of whether or not it has an <code>href</code>
attribute, can be activated using either the <code>SPACE</code> key or the <code>ENTER</code> key, and is identified to
assistive technology as a button element.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><a is="coral-anchorbutton"></a></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.AnchorButton();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#anchorbutton">../examples/#anchorbutton</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-AnchorList">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">AnchorList</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/AnchorList.js.html#lineNumber28">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {AnchorList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/AnchorList.js.html#lineNumber28">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An AnchorList component that supports multi-line text, icons, and text wrapping with ellipsis.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-anchorlist></coral-anchorlist></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.AnchorList();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-AnchorListItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">AnchorListItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/AnchorListItem.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {AnchorList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/AnchorListItem.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An AnchorList item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-anchorlist-item></coral-anchorlist-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.AnchorList.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Autocomplete">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Autocomplete</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-autocomplete/src/scripts/Autocomplete.js.html#lineNumber84">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Autocomplete} from '<span><a href="file/coral-spectrum/coral-component-autocomplete/src/scripts/Autocomplete.js.html#lineNumber84">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An Autocomplete component that allows users to search and select from a list of options.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-autocomplete></coral-autocomplete></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Autocomplete();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#autocomplete">../examples/#autocomplete</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-AutocompleteItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">AutocompleteItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-autocomplete/src/scripts/AutocompleteItem.js.html#lineNumber24">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Autocomplete} from '<span><a href="file/coral-spectrum/coral-component-autocomplete/src/scripts/AutocompleteItem.js.html#lineNumber24">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>The Autocomplete Item</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-autocomplete-item></coral-autocomplete-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Autocomplete.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#autocomplete">../examples/#autocomplete</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Banner">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Banner</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-banner/src/scripts/Banner.js.html#lineNumber50">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Banner} from '<span><a href="file/coral-spectrum/coral-component-banner/src/scripts/Banner.js.html#lineNumber50">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Banner component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-banner></coral-banner></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Banner();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#banner">../examples/#banner</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Button">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Button</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-button/src/scripts/Button.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Button} from '<span><a href="file/coral-spectrum/coral-component-button/src/scripts/Button.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Button component containing text and/or an icon.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><button is="coral-button"></button></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Button();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#button">../examples/#button</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ButtonGroup">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ButtonGroup</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-buttongroup/src/scripts/ButtonGroup.js.html#lineNumber65">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ButtonGroup} from '<span><a href="file/coral-spectrum/coral-component-buttongroup/src/scripts/ButtonGroup.js.html#lineNumber65">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ButtonGroup component that can be used as a selection form field.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-buttongroup></coral-buttongroup></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ButtonGroup();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#buttongroup">../examples/#buttongroup</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ButtonList">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ButtonList</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/ButtonList.js.html#lineNumber28">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ButtonList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/ButtonList.js.html#lineNumber28">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ButtonList component that supports multi-line text, icons, and text wrapping with ellipsis.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-buttonlist></coral-buttonlist></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ButtonList();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ButtonListItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ButtonListItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/ButtonListItem.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ButtonList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/ButtonListItem.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An ButtonList item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-buttonlist-item></coral-buttonlist-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ButtonList.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Calendar">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Calendar</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-calendar/src/scripts/Calendar.js.html#lineNumber184">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Calendar} from '<span><a href="file/coral-spectrum/coral-component-calendar/src/scripts/Calendar.js.html#lineNumber184">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Calendar component that can be used as a date selection form field. Leverages <span><a href="https://momentjs.com/">momentJS</a></span> if loaded
on the page.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-calendar></coral-calendar></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Calendar();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#calendar">../examples/#calendar</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Card">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Card</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-card/src/scripts/Card.js.html#lineNumber61">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Card} from '<span><a href="file/coral-spectrum/coral-component-card/src/scripts/Card.js.html#lineNumber61">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Card component to display content in different variations.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-card></coral-card></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Card();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#card">../examples/#card</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CardProperty">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CardProperty</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-card/src/scripts/CardProperty.js.html#lineNumber28">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Card} from '<span><a href="file/coral-spectrum/coral-component-card/src/scripts/CardProperty.js.html#lineNumber28">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Card property component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-card-property></coral-card-property></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Card.Property();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#card">../examples/#card</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CardPropertyList">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CardPropertyList</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-card/src/scripts/CardPropertyList.js.html#lineNumber23">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Card} from '<span><a href="file/coral-spectrum/coral-component-card/src/scripts/CardPropertyList.js.html#lineNumber23">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>The Card PropertyList component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-card-propertylist></coral-card-propertylist></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Card.PropertyList();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#card">../examples/#card</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CharacterCount">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CharacterCount</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-charactercount/src/scripts/CharacterCount.js.html#lineNumber41">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {CharacterCount} from '<span><a href="file/coral-spectrum/coral-component-charactercount/src/scripts/CharacterCount.js.html#lineNumber41">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A CharacterCount component that indicates the remaining characters in a Textfield or Textarea.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-charactercount></coral-charactercount></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.CharacterCount();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#charactercount">../examples/#charactercount</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Checkbox">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Checkbox</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-checkbox/src/scripts/Checkbox.js.html#lineNumber33">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Checkbox} from '<span><a href="file/coral-spectrum/coral-component-checkbox/src/scripts/Checkbox.js.html#lineNumber33">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Checkbox component to be used as a form field.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-checkbox></coral-checkbox></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Checkbox();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#checkbox">../examples/#checkbox</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CheckboxGroup">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CheckboxGroup</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-checkboxgroup/src/scripts/CheckboxGroup.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {CheckboxGroup} from '<span><a href="file/coral-spectrum/coral-component-checkboxgroup/src/scripts/CheckboxGroup.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A CheckboxGroup component to group checkbox fields</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-checkboxgroup></coral-checkboxgroup></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.CheckboxGroup();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#checkboxgroup">../examples/#checkboxgroup</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Clock">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Clock</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-clock/src/scripts/Clock.js.html#lineNumber66">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Clock} from '<span><a href="file/coral-spectrum/coral-component-clock/src/scripts/Clock.js.html#lineNumber66">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Clock component that can be used as a time selection form field. Leverages <span><a href="https://momentjs.com/">momentJS</a></span> if loaded
on the page.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-clock></coral-clock></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Clock();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#clock">../examples/#clock</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CoachMark">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CoachMark</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-coachmark/src/scripts/CoachMark.js.html#lineNumber63">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {CoachMark} from '<span><a href="file/coral-spectrum/coral-component-coachmark/src/scripts/CoachMark.js.html#lineNumber63">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A coach mark component to highlight UI elements on the page.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-coachmark></coral-coachmark></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.CoachMark();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#coachmark">../examples/#coachmark</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorFormats">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorFormats</span><span class="code" data-ice="signature">: {"HSL": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HSV": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "RGB": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "PRGB": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX3": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX4": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "HEX8": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>, "NAME": <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span>}</span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorpicker/src/scripts/ColorFormats.js.html#lineNumber13">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorFormats} from '<span><a href="file/coral-spectrum/coral-component-colorpicker/src/scripts/ColorFormats.js.html#lineNumber13">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>Copyright 2021 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a></p>
<p>Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.</p>
</div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorInput">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorInput</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInput.js.html#lineNumber116">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorInput} from '<span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInput.js.html#lineNumber116">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColorInput component than can be used as a form field to select from a list of color options.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-colorinput></coral-colorinput></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColorInput();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#colorinput">../examples/#colorinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorInputColorProperties">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorInputColorProperties</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputColorProperties.js.html#lineNumber33">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorInput} from '<span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputColorProperties.js.html#lineNumber33">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColorInput Color properties component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-colorinput-colorproperties></coral-colorinput-colorproperties></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColorInput.ColorProperties();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#colorinput">../examples/#colorinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorInputItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorInputItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputItem.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorInput} from '<span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputItem.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColorInput Item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-colorinput-item></coral-colorinput-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColorInput.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#colorinput">../examples/#colorinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorInputSlider">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorInputSlider</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputSlider.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorInput} from '<span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputSlider.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColorInput Slider component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-colorinput-slider></coral-colorinput-slider></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColorInput.Slider();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#colorinput">../examples/#colorinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorInputSwatch">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorInputSwatch</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputSwatch.js.html#lineNumber31">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorInput} from '<span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputSwatch.js.html#lineNumber31">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColorInput Swatch component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-colorinput-swatch></coral-colorinput-swatch></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColorInput.Swatch();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#colorinput">../examples/#colorinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColorInputSwatches">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColorInputSwatches</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputSwatches.js.html#lineNumber32">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColorInput} from '<span><a href="file/coral-spectrum/coral-component-colorinput/src/scripts/ColorInputSwatches.js.html#lineNumber32">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColorInput Swatches component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-colorinput-swatches></coral-colorinput-swatches></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColorInput.Swatches();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#colorinput">../examples/#colorinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColumnView">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColumnView</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnView.js.html#lineNumber54">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColumnView} from '<span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnView.js.html#lineNumber54">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColumnView component to display and allow users to browse and select items in a dynamic tree structure
(e.g. a filesystem or multi-level navigation).</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-columnview></coral-columnview></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColumnView();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#columnview">../examples/#columnview</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColumnViewColumn">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColumnViewColumn</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewColumn.js.html#lineNumber41">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColumnView} from '<span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewColumn.js.html#lineNumber41">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColumnView Column component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-columnview-column></coral-columnview-column></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColumnView.Column();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#columnview">../examples/#columnview</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColumnViewItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColumnViewItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewItem.js.html#lineNumber50">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColumnView} from '<span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewItem.js.html#lineNumber50">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColumnView Item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-columnview-item></coral-columnview-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColumnView.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#columnview">../examples/#columnview</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ColumnViewPreview">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ColumnViewPreview</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewPreview.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {ColumnView} from '<span><a href="file/coral-spectrum/coral-component-columnview/src/scripts/ColumnViewPreview.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A ColumnView Preview component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-columnview-preview></coral-columnview-preview></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.ColumnView.Preview();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#columnview">../examples/#columnview</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CycleButton">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CycleButton</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-cyclebutton/src/scripts/CycleButton.js.html#lineNumber62">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {CycleButton} from '<span><a href="file/coral-spectrum/coral-component-cyclebutton/src/scripts/CycleButton.js.html#lineNumber62">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A CycleButton component is a simple multi-state toggle button that toggles between the possible items below
a certain threshold, and shows them in a popover selector when above.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-cyclebutton></coral-cyclebutton></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.CycleButton();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#cyclebutton">../examples/#cyclebutton</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CycleButtonAction">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CycleButtonAction</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-cyclebutton/src/scripts/CycleButtonAction.js.html#lineNumber24">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {CycleButton} from '<span><a href="file/coral-spectrum/coral-component-cyclebutton/src/scripts/CycleButtonAction.js.html#lineNumber24">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A CycleButton Action component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-cyclebutton-action></coral-cyclebutton-action></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.CycleButton.Action();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#cyclebutton">../examples/#cyclebutton</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-CycleButtonItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">CycleButtonItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-cyclebutton/src/scripts/CycleButtonItem.js.html#lineNumber45">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {CycleButton} from '<span><a href="file/coral-spectrum/coral-component-cyclebutton/src/scripts/CycleButtonItem.js.html#lineNumber45">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A CycleButton Item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-cyclebutton-item></coral-cyclebutton-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.CycleButton.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#cyclebutton">../examples/#cyclebutton</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Datepicker">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Datepicker</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-datepicker/src/scripts/Datepicker.js.html#lineNumber109">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Datepicker} from '<span><a href="file/coral-spectrum/coral-component-datepicker/src/scripts/Datepicker.js.html#lineNumber109">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Datepicker component that can be used as a date and time selection form field. Leverages <span><a href="https://momentjs.com/">momentJS</a></span>
if loaded on the page.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-datepicker></coral-datepicker></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Datepicker();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#datepicker">../examples/#datepicker</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Dialog">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Dialog</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-dialog/src/scripts/Dialog.js.html#lineNumber127">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Dialog} from '<span><a href="file/coral-spectrum/coral-component-dialog/src/scripts/Dialog.js.html#lineNumber127">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Dialog component that supports various use cases with custom content. The Dialog can be given a size by
using the special attribute <code>[coral-dialog-size]</code> as selector.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-dialog></coral-dialog></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Dialog();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#dialog">../examples/#dialog</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Drawer">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Drawer</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-drawer/src/scripts/Drawer.js.html#lineNumber50">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Drawer} from '<span><a href="file/coral-spectrum/coral-component-drawer/src/scripts/Drawer.js.html#lineNumber50">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Drawer component to display content that can be opened and closed with a sliding animation.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-drawer></coral-drawer></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Drawer();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#drawer">../examples/#drawer</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-FileUpload">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">FileUpload</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-fileupload/src/scripts/FileUpload.js.html#lineNumber60">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {FileUpload} from '<span><a href="file/coral-spectrum/coral-component-fileupload/src/scripts/FileUpload.js.html#lineNumber60">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A FileUpload component that manages the upload process of multiple files. Child elements of FileUpload can
be given special attributes to enable functionality:</p>
<ul>
<li><code>[coral-fileupload-select]</code>. Click to choose file(s), replacing existing files.</li>
<li><code>[coral-fileupload-dropzone]</code>. Drag and drop files to choose file(s), replacing existing files.</li>
<li><code>[coral-fileupload-clear]</code>. Click to remove all files from the queue.</li>
<li><code>[coral-fileupload-submit]</code>. Click to start uploading.</li>
<li><code>[coral-fileupload-abort]</code>. Click to abort all uploads.</li>
<li><code>[coral-fileupload-abortfile="filename.txt"]</code>. Click to abort a specific file, leaving it in the queue.</li>
<li><code>[coral-fileupload-removefile="filename.txt"]</code>. Click to remove a specific file from the queue.</li>
<li><code>[coral-fileupload-uploadfile="filename.txt"]</code>. Click to start uploading a specific file.</li>
</ul>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-fileupload></coral-fileupload></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.FileUpload();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#fileupload">../examples/#fileupload</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Icon">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Icon</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-icon/src/scripts/Icon.js.html#lineNumber178">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Icon} from '<span><a href="file/coral-spectrum/coral-component-icon/src/scripts/Icon.js.html#lineNumber178">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An Icon component. Icon ships with a set of SVG icons.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-icon></coral-icon></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Icon();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#icon">../examples/#icon</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-List">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">List</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/List.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {List} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/List.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A List component that supports multi-line text, icons, and text wrapping with ellipsis.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-list></coral-list></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.List();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ListDivider">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ListDivider</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/ListDivider.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {List} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/ListDivider.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>The List divider</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-list-divider></coral-list-divider></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.List.Divider();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-ListItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">ListItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/ListItem.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {List} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/ListItem.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A List item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-list-item></coral-list-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.List.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Masonry">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Masonry</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-masonry/src/scripts/Masonry.js.html#lineNumber121">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Masonry} from '<span><a href="file/coral-spectrum/coral-component-masonry/src/scripts/Masonry.js.html#lineNumber121">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Masonry component that allows to lay out items in a masonry grid.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-masonry></coral-masonry></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Masonry();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#masonry">../examples/#masonry</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-MasonryItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">MasonryItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-masonry/src/scripts/MasonryItem.js.html#lineNumber34">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Masonry} from '<span><a href="file/coral-spectrum/coral-component-masonry/src/scripts/MasonryItem.js.html#lineNumber34">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Masonry Item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-masonry-item></coral-masonry-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Masonry.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#masonry">../examples/#masonry</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Multifield">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Multifield</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-multifield/src/scripts/Multifield.js.html#lineNumber35">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Multifield} from '<span><a href="file/coral-spectrum/coral-component-multifield/src/scripts/Multifield.js.html#lineNumber35">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Multifield component that enables adding, reordering, and removing multiple instances of a component.
Multifield partially supports the <code>template</code> element in IE 11. If adding/removing items in the template
is required, <code>template.content</code> should be used.
Child elements can be given a special attribute to enable functionality:</p>
<ul>
<li><code>[coral-multifield-add]</code>. Click to add an item.</li>
</ul>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-multifield></coral-multifield></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Multifield();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#multifield">../examples/#multifield</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-MultifieldItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">MultifieldItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-multifield/src/scripts/MultifieldItem.js.html#lineNumber30">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Multifield} from '<span><a href="file/coral-spectrum/coral-component-multifield/src/scripts/MultifieldItem.js.html#lineNumber30">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Multifield item component. It can have a pre-filled content different from the Multifield template but
added items will always be rendered based on the template.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-multifield-item></coral-multifield-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Multifield.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#multifield">../examples/#multifield</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-NumberInput">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">NumberInput</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-numberinput/src/scripts/NumberInput.js.html#lineNumber87">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {NumberInput} from '<span><a href="file/coral-spectrum/coral-component-numberinput/src/scripts/NumberInput.js.html#lineNumber87">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A NumberInput component is a numeric control form field. It follows the ARIA specification for spinbutton.
This means the following keys are valid for interacting with it: <code>up</code>, <code>down</code>, <code>left</code>,
<code>right</code>, <code>pageup</code>, <code>pagedown</code>, <code>home</code>, <code>end</code> and the Mouse Wheel.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-numberinput></coral-numberinput></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.NumberInput();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#numberinput">../examples/#numberinput</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Overlay">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Overlay</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-overlay/src/scripts/Overlay.js.html#lineNumber743">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Overlay} from '<span><a href="file/coral-spectrum/coral-component-overlay/src/scripts/Overlay.js.html#lineNumber743">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Panel">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Panel</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-panelstack/src/scripts/Panel.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Panel} from '<span><a href="file/coral-spectrum/coral-component-panelstack/src/scripts/Panel.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Panel component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-panel></coral-panel></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Panel();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#panelstack">../examples/#panelstack</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-PanelStack">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">PanelStack</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-panelstack/src/scripts/PanelStack.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {PanelStack} from '<span><a href="file/coral-spectrum/coral-component-panelstack/src/scripts/PanelStack.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A PanelStack component holding a collection of panels. It wraps content, keeping only the selected panel in view.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-panelstack></coral-panelstack></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.PanelStack();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#panelstack">../examples/#panelstack</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Popover">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Popover</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-popover/src/scripts/Popover.js.html#lineNumber96">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Popover} from '<span><a href="file/coral-spectrum/coral-component-popover/src/scripts/Popover.js.html#lineNumber96">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Popover component for small overlay content.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-popover></coral-popover></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Popover();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#popover">../examples/#popover</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-PopoverSeparator">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">PopoverSeparator</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-popover/src/scripts/PopoverSeparator.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Popover} from '<span><a href="file/coral-spectrum/coral-component-popover/src/scripts/PopoverSeparator.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>The Popover separator</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-popover-separator></coral-popover-separator></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Popover.Separator();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#popover">../examples/#popover</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Progress">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Progress</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-progress/src/scripts/Progress.js.html#lineNumber67">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Progress} from '<span><a href="file/coral-spectrum/coral-component-progress/src/scripts/Progress.js.html#lineNumber67">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Progress component to indicate progress of processes.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-progress></coral-progress></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Progress();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#progress">../examples/#progress</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-QuickActions">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">QuickActions</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-quickactions/src/scripts/QuickActions.js.html#lineNumber90">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {QuickActions} from '<span><a href="file/coral-spectrum/coral-component-quickactions/src/scripts/QuickActions.js.html#lineNumber90">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A QuickActions component is an overlay component that reveals actions when interacting with a container.
Hovering the target will display the QuickActions. They can also be launched by pressing the shift + F10 key combination
when the target is focused.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-quickactions></coral-quickactions></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.QuickActions();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#quickactions">../examples/#quickactions</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-QuickActionsItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">QuickActionsItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-quickactions/src/scripts/QuickActionsItem.js.html#lineNumber40">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {QuickActions} from '<span><a href="file/coral-spectrum/coral-component-quickactions/src/scripts/QuickActionsItem.js.html#lineNumber40">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A QuickActions item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-quickactions-item></coral-quickactions-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.QuickActions.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#quickactions">../examples/#quickactions</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Radio">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Radio</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-radio/src/scripts/Radio.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Radio} from '<span><a href="file/coral-spectrum/coral-component-radio/src/scripts/Radio.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Radio component to be used as a form field.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-radio></coral-radio></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Radio();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#radio">../examples/#radio</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-RadioGroup">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">RadioGroup</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-radiogroup/src/scripts/RadioGroup.js.html#lineNumber44">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {RadioGroup} from '<span><a href="file/coral-spectrum/coral-component-radiogroup/src/scripts/RadioGroup.js.html#lineNumber44">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A RadioGroup component to group radio fields</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-radiogroup></coral-radiogroup></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.RadioGroup();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#radiogroup">../examples/#radiogroup</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-RangedSlider">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">RangedSlider</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-slider/src/scripts/RangedSlider.js.html#lineNumber24">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {RangedSlider} from '<span><a href="file/coral-spectrum/coral-component-slider/src/scripts/RangedSlider.js.html#lineNumber24">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Ranged Slider</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-rangedslider></coral-rangedslider></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.RangedSlider();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#slider">../examples/#slider</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SPECTRUM_CSS_ICONS">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SPECTRUM_CSS_ICONS</span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-icon/src/scripts/iconCollection.js.html#lineNumber15">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SPECTRUM_CSS_ICONS} from '<span><a href="file/coral-spectrum/coral-component-icon/src/scripts/iconCollection.js.html#lineNumber15">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SPECTRUM_ICONS">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SPECTRUM_ICONS</span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-icon/src/scripts/iconCollection.js.html#lineNumber13">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SPECTRUM_ICONS} from '<span><a href="file/coral-spectrum/coral-component-icon/src/scripts/iconCollection.js.html#lineNumber13">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>Copyright 2020 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a></p>
<p>Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.</p>
</div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SPECTRUM_ICONS_COLOR">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SPECTRUM_ICONS_COLOR</span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-icon/src/scripts/iconCollection.js.html#lineNumber14">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SPECTRUM_ICONS_COLOR} from '<span><a href="file/coral-spectrum/coral-component-icon/src/scripts/iconCollection.js.html#lineNumber14">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Search">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Search</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-search/src/scripts/Search.js.html#lineNumber47">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Search} from '<span><a href="file/coral-spectrum/coral-component-search/src/scripts/Search.js.html#lineNumber47">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Search component is a search styled form field.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-search></coral-search></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Search();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#search">../examples/#search</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Select">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Select</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-select/src/scripts/Select.js.html#lineNumber83">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Select} from '<span><a href="file/coral-spectrum/coral-component-select/src/scripts/Select.js.html#lineNumber83">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Select component is a form field that allows users to select from a list of options. If this component is
shown on a mobile device, it will show a native select list, instead of the select list styled via Coral Spectrum.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-select></coral-select></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Select();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#select">../examples/#select</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SelectItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SelectItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-select/src/scripts/SelectItem.js.html#lineNumber25">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Select} from '<span><a href="file/coral-spectrum/coral-component-select/src/scripts/SelectItem.js.html#lineNumber25">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Select item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-select-item></coral-select-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Select.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#select">../examples/#select</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SelectList">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SelectList</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/SelectList.js.html#lineNumber55">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SelectList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/SelectList.js.html#lineNumber55">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A SelectList component is a selectable list of items.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-selectlist></coral-selectlist></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SelectList();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SelectListGroup">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SelectListGroup</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/SelectListGroup.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SelectList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/SelectListGroup.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A SelectList group component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-selectlist-group></coral-selectlist-group></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SelectList.Group();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SelectListItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SelectListItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-list/src/scripts/SelectListItem.js.html#lineNumber40">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SelectList} from '<span><a href="file/coral-spectrum/coral-component-list/src/scripts/SelectListItem.js.html#lineNumber40">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A SelectList item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-selectlist-item></coral-selectlist-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SelectList.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#list">../examples/#list</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SideNav">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SideNav</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-sidenav/src/scripts/SideNav.js.html#lineNumber47">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SideNav} from '<span><a href="file/coral-spectrum/coral-component-sidenav/src/scripts/SideNav.js.html#lineNumber47">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Side Navigation component to navigate the entire content of a product or a section.
These can be used for a single level or a multi-level navigation.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-sidenav></coral-sidenav></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SideNav();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#sidenav">../examples/#sidenav</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SideNavItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SideNavItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-sidenav/src/scripts/SideNavItem.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SideNav} from '<span><a href="file/coral-spectrum/coral-component-sidenav/src/scripts/SideNavItem.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A SideNav Item component.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-sidenav-item></coral-sidenav-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SideNav.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#sidenav">../examples/#sidenav</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SideNavLevel">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SideNavLevel</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-sidenav/src/scripts/SideNavLevel.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SideNav} from '<span><a href="file/coral-spectrum/coral-component-sidenav/src/scripts/SideNavLevel.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A SideNav Level component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-sidenav-level></coral-sidenav-level></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SideNav.Level();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#sidenav">../examples/#sidenav</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Slider">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Slider</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-slider/src/scripts/Slider.js.html#lineNumber942">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Slider} from '<span><a href="file/coral-spectrum/coral-component-slider/src/scripts/Slider.js.html#lineNumber942">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SliderItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SliderItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-slider/src/scripts/SliderItem.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Slider} from '<span><a href="file/coral-spectrum/coral-component-slider/src/scripts/SliderItem.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>The Slider item</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-slider-item></coral-slider-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Slider.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#slider">../examples/#slider</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-SplitButton">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">SplitButton</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-splitbutton/src/scripts/SplitButton.js.html#lineNumber52">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {SplitButton} from '<span><a href="file/coral-spectrum/coral-component-splitbutton/src/scripts/SplitButton.js.html#lineNumber52">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Split Button component composed of an action and a trigger <span><a href="variable/index.html#static-variable-AnchorButton">AnchorButton</a></span> or <span><a href="variable/index.html#static-variable-Button">Button</a></span>.
These elements should be marked with following attributes:</p>
<ul>
<li><code>[coral-splitbutton-action]</code> for the main action button.</li>
<li><code>[coral-splitbutton-trigger]</code> for the trigger button.</li>
</ul>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-splitbutton></coral-splitbutton></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.SplitButton();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#splitbutton">../examples/#splitbutton</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Status">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Status</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-status/src/scripts/Status.js.html#lineNumber94">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Status} from '<span><a href="file/coral-spectrum/coral-component-status/src/scripts/Status.js.html#lineNumber94">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Status component to describe the condition of another entity. They can be used to convey semantic meaning
such as statuses and categories.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-status></coral-status></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Status();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#status">../examples/#status</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Step">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Step</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-steplist/src/scripts/Step.js.html#lineNumber30">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Step} from '<span><a href="file/coral-spectrum/coral-component-steplist/src/scripts/Step.js.html#lineNumber30">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Step component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-step></coral-step></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Step();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#steplist">../examples/#steplist</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-StepList">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">StepList</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-steplist/src/scripts/StepList.js.html#lineNumber61">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {StepList} from '<span><a href="file/coral-spectrum/coral-component-steplist/src/scripts/StepList.js.html#lineNumber61">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A StepList component that holds a collection of steps.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-steplist></coral-steplist></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.StepList();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#steplist">../examples/#steplist</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Switch">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Switch</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-switch/src/scripts/Switch.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Switch} from '<span><a href="file/coral-spectrum/coral-component-switch/src/scripts/Switch.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Switch component is a toggle form field similar to a Checkbox component.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-switch></coral-switch></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Switch();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#switch">../examples/#switch</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Tab">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Tab</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-tablist/src/scripts/Tab.js.html#lineNumber30">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Tab} from '<span><a href="file/coral-spectrum/coral-component-tablist/src/scripts/Tab.js.html#lineNumber30">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Tab component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-tab></coral-tab></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Tab();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#tablist">../examples/#tablist</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TabView">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TabView</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-tabview/src/scripts/TabView.js.html#lineNumber46">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {TabView} from '<span><a href="file/coral-spectrum/coral-component-tabview/src/scripts/TabView.js.html#lineNumber46">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A TabView component is the wrapping container used to create the typical Tabbed pattern.
This is intended to be used with a <span><a href="class/coral-spectrum/coral-component-tablist/src/scripts/TabList.js~TabList.html">TabList</a></span> and <span><a href="variable/index.html#static-variable-PanelStack">PanelStack</a></span>.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-tabview></coral-tabview></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.TabView();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#tabview">../examples/#tabview</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Table">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Table</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/Table.js.html#lineNumber94">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/Table.js.html#lineNumber94">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table component is a container component to display and manipulate data in two dimensions.
To define table actions on specific elements, handles can be used.
A handle is given a special attribute :</p>
<ul>
<li><code>[coral-table-select]</code>. Select/unselect all table items.</li>
<li><code>[coral-table-rowselect]</code>. Select/unselect the table item.</li>
<li><code>[coral-table-roworder]</code>. Drag to order the table item.</li>
<li><code>[coral-table-rowlock]</code>. Lock/unlock the table item.</li>
</ul>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><table is="coral-table"></table></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableBody">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableBody</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableBody.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableBody.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table body component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><tbody is="coral-table-body"></tbody></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.Body();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableCell">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableCell</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableCell.js.html#lineNumber27">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableCell.js.html#lineNumber27">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table cell component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><td is="coral-table-cell"></td></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.Cell();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableColumn">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableColumn</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableColumn.js.html#lineNumber67">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableColumn.js.html#lineNumber67">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table column component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><col is="coral-table-column"></col></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.Column();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableFoot">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableFoot</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableFoot.js.html#lineNumber28">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableFoot.js.html#lineNumber28">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table foot component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><tfoot is="coral-table-foot"></tfoot></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.Foot();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableHead">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableHead</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableHead.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableHead.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table head component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><thead is="coral-table-head"></thead></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.Head();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableHeaderCell">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableHeaderCell</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableHeaderCell.js.html#lineNumber26">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableHeaderCell.js.html#lineNumber26">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table header cell component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><th is="coral-table-headercell"></th></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.HeaderCell();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TableRow">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TableRow</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableRow.js.html#lineNumber29">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Table} from '<span><a href="file/coral-spectrum/coral-component-table/src/scripts/TableRow.js.html#lineNumber29">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Table row component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><tr is="coral-table-row"></tr></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Table.Row();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#table">../examples/#table</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Tag">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Tag</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-taglist/src/scripts/Tag.js.html#lineNumber149">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Tag} from '<span><a href="file/coral-spectrum/coral-component-taglist/src/scripts/Tag.js.html#lineNumber149">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Tag component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-tag></coral-tag></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Tag();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#taglist">../examples/#taglist</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TagList">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TagList</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-taglist/src/scripts/TagList.js.html#lineNumber45">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {TagList} from '<span><a href="file/coral-spectrum/coral-component-taglist/src/scripts/TagList.js.html#lineNumber45">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A TagList component is a form field container to manipulate tags.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-taglist></coral-taglist></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.TagList();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#taglist">../examples/#taglist</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Textarea">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Textarea</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-textarea/src/scripts/Textarea.js.html#lineNumber53">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Textarea} from '<span><a href="file/coral-spectrum/coral-component-textarea/src/scripts/Textarea.js.html#lineNumber53">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Textarea component is the default multi-line text form field.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><textarea is="coral-textarea"></textarea></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Textarea();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#textarea">../examples/#textarea</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Textfield">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Textfield</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-textfield/src/scripts/Textfield.js.html#lineNumber52">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Textfield} from '<span><a href="file/coral-spectrum/coral-component-textfield/src/scripts/Textfield.js.html#lineNumber52">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Textfield component is the default single line text form field.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><input is="coral-textfield"></input></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Textfield();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#textfield">../examples/#textfield</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Toast">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Toast</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-toast/src/scripts/Toast.js.html#lineNumber127">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Toast} from '<span><a href="file/coral-spectrum/coral-component-toast/src/scripts/Toast.js.html#lineNumber127">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>Toasts display brief temporary notifications.
They are noticeable but do not disrupt the user experience and do not require an action to be taken.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-toast></coral-toast></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Toast();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#toast">../examples/#toast</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Tooltip">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Tooltip</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-tooltip/src/scripts/Tooltip.js.html#lineNumber86">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Tooltip} from '<span><a href="file/coral-spectrum/coral-component-tooltip/src/scripts/Tooltip.js.html#lineNumber86">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Tooltip component that can be attached to any element and may be displayed immediately or on hovering the
target element.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-tooltip></coral-tooltip></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Tooltip();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#tooltip">../examples/#tooltip</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Tree">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Tree</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-tree/src/scripts/Tree.js.html#lineNumber30">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Tree} from '<span><a href="file/coral-spectrum/coral-component-tree/src/scripts/Tree.js.html#lineNumber30">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Tree component is a container component to display collapsible content.
Tree items don't expand by default. It's the developer's responsibility to handle it by listening to the
<span><a href="typedef/index.html#static-typedef-coral-collection:add">coral-collection:add</a></span> and <span><a href="typedef/index.html#static-typedef-coral-collection:remove">coral-collection:remove</a></span> events.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-tree></coral-tree></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Tree();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#tree">../examples/#tree</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-TreeItem">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">TreeItem</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-tree/src/scripts/TreeItem.js.html#lineNumber54">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Tree} from '<span><a href="file/coral-spectrum/coral-component-tree/src/scripts/TreeItem.js.html#lineNumber54">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Tree item component</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-tree-item></coral-tree-item></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Tree.Item();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#tree">../examples/#tree</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-Wait">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">Wait</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-wait/src/scripts/Wait.js.html#lineNumber62">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {Wait} from '<span><a href="file/coral-spectrum/coral-component-wait/src/scripts/Wait.js.html#lineNumber62">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A Wait component to be used to indicate a process that is in-progress for an indefinite amount of time.
When the time is known, <span><a href="variable/index.html#static-variable-Progress">Progress</a></span> should be used instead.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-wait></coral-wait></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.Wait();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#wait">../examples/#wait</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-WizardView">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">WizardView</span><span class="code" data-ice="signature">: <span>*</span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-wizardview/src/scripts/WizardView.js.html#lineNumber30">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {WizardView} from '<span><a href="file/coral-spectrum/coral-component-wizardview/src/scripts/WizardView.js.html#lineNumber30">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A WizardView component is the wrapping container used to create the typical Wizard pattern. This is intended
to be used with a <span><a href="variable/index.html#static-variable-StepList">StepList</a></span> and a <span><a href="variable/index.html#static-variable-PanelStack">PanelStack</a></span>.</p>
</div>
<div data-ice="properties">
</div>
<div data-ice="example">
<h4>Example:</h4>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">Markup</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode"><coral-wizardview></coral-wizardview></code></pre>
</div>
<div class="example-doc" data-ice="exampleDoc">
<div class="example-caption" data-ice="exampleCaption">JS constructor</div>
<pre class="prettyprint source-code"><code data-ice="exampleCode">new Coral.WizardView();</code></pre>
</div>
</div>
<div data-ice="see"><h4>See:</h4><ul><li><span><a href="../examples/#wizardview">../examples/#wizardview</a></span></li></ul></div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-colorUtil">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">colorUtil</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-component-colorpicker/src/scripts/ColorUtil.js~ColorUtil.html">ColorUtil</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-component-colorpicker/src/scripts/ColorUtil.js.html#lineNumber120">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {colorUtil} from '<span><a href="file/coral-spectrum/coral-component-colorpicker/src/scripts/ColorUtil.js.html#lineNumber120">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-commons">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">commons</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Commons.js~Commons.html">Commons</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/Commons.js.html#lineNumber773">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {commons} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/Commons.js.html#lineNumber773">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-events">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">events</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Events.js~Events.html">Events</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/Events.js.html#lineNumber129">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {events} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/Events.js.html#lineNumber129">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-i18n">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">i18n</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/I18nProvider.js~I18nProvider.html">I18nProvider</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/I18nProvider.js.html#lineNumber480">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {i18n} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/I18nProvider.js.html#lineNumber480">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>An i18n service.</p>
</div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-keys">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">keys</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Keys.js~Keys.html">Keys</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/Keys.js.html#lineNumber847">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {keys} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/Keys.js.html#lineNumber847">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>A key listener for global hotkeys is exposed for document eventing handling.</p>
</div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-strings">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">strings</span><span class="code" data-ice="signature">: <span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/I18nProvider.js.html#lineNumber148">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {strings} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/I18nProvider.js.html#lineNumber148">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="description"><p>Used to store i18n strings.</p>
</div>
<div data-ice="properties"><div data-ice="properties">
<h4 data-ice="title">Properties:</h4>
<table class="params">
<thead>
<tr><td>Name</td><td>Type</td><td>Attribute</td><td>Description</td></tr>
</thead>
<tbody>
<tr data-ice="property" data-depth="1">
<td data-ice="name" class="code" data-depth="1">strings.generic</td>
<td data-ice="type" class="code"><span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">String</a></span></td>
<td data-ice="appendix"></td>
<td data-ice="description"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-tracking">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">tracking</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Tracking.js~Tracking.html">Tracking</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/Tracking.js.html#lineNumber184">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {tracking} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/Tracking.js.html#lineNumber184">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-transform">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">transform</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Transformation.js~Transformation.html">Transformation</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/Transformation.js.html#lineNumber98">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {transform} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/Transformation.js.html#lineNumber98">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
<div class="detail" data-ice="detail">
<h3 data-ice="anchor" id="static-variable-validate">
<span class="access" data-ice="access">public</span>
<span class="code" data-ice="name">validate</span><span class="code" data-ice="signature">: <span><a href="class/coral-spectrum/coral-utils/src/scripts/Validation.js~Validation.html">Validation</a></span></span>
<span class="right-info">
<span data-ice="source"><span><a href="file/coral-spectrum/coral-utils/src/scripts/Validation.js.html#lineNumber79">source</a></span></span>
</span>
</h3>
<div data-ice="importPath" class="import-path"><pre class="prettyprint"><code data-ice="importPathCode">import {validate} from '<span><a href="file/coral-spectrum/coral-utils/src/scripts/Validation.js.html#lineNumber79">@adobe/coral-spectrum</a></span>'</code></pre></div>
<div data-ice="properties">
</div>
</div>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(1.1.0)</span><img src="./image/esdoc-logo-mini-black.png"></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>