ExamplesPlaygroundReference Source

References

coral-base-button

summary
public

F BaseButton(superClass: *): *

The base element for Button components

public

Enumeration for BaseButton icon position options.

public

Enumeration for Button, AnchorButton icon sizes.

public

Enumeration for BaseButton sizes.

public

Enumeration for Button, AnchorButton variants.

coral-base-component

summary
public

The base element for all Coral components

public

Enumeration representing the tracking options.

coral-base-fieldgroup

summary
public

The base element for FieldGroup components

public

Enumeration for BaseFieldGroup orientations.

coral-base-formfield

summary
public

The base element for Form Field components.

coral-base-labellable

summary
public

Accessibility helper for components with label and icon properties

coral-base-list

summary
public

The base element for List components

public

F BaseListItem(superClass: *): *

The base element for List Item components

public

Enumeration for BaseList interactions.

coral-base-overlay

summary
public

The base element for Overlay components

public

Triggered before the BaseOverlay is closed with hide() or instance.open = false.

public

Triggered before the BaseOverlay is opened with show() or instance.open = true.

public

Triggered after the BaseOverlay is closed with hide() or instance.open = false

public

Triggered after the BaseOverlay is opened with show() or instance.open = true

public

The time it should take for BaseOverlay to fade in milliseconds.

public

Enumeration for BaseOverlay focus behavior options.

public

Enumeration for BaseOverlay return focus options.

public

Enumeration for BaseOverlay scroll focus options.

public

Enumeration for BaseOverlay trap options.

coral-collection

summary
public

Collection provides a standardized way to manipulate items in a component.

public

Collection capable of handling non-nested items with a selected attribute.

public

Signature of the function called to determine if an element should be included in the Collection.

public

T CollectionOnChange(addedNodes: Array<HTMLElement>, removedNodes: Array<HTMLElement>): function

Signature of the function called when there is a change in the Collection.

public

Signature of the function called when ever an item is added to the Collection.

public

Signature of the function called when ever an item is removed from the Collection.

public

Triggered when an item is added to the Collection.

public

Triggered when an item is removed from a Collection.

coral-component-accordion

summary
public

Accordion item's content component

public

Accordion item's label component

public

V Accordion: *

An Accordion component consisting of multiple collapsible items.

public

A Accordion item component

public

Enumeration for Accordion variants.

public

Triggered when Accordion selected item has changed.

coral-component-actionbar

summary
public

The ActionBar container collection

public

The base element for action bar containers

public

V ActionBar: *

An ActionBar component containing arbitrary items.

public
this variable was deprecated.

An ActionBar container component

public

An ActionBar item component

public

An ActionBar primary component

public

An ActionBar secondary component

public

Enumeration for ActionBarContainer positions.

coral-component-alert

summary
public

The Alert default content

public

The Alert footer content

public

The Alert header content

public

V Alert: *

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 coral-close attribute on an element contained by the Alert.

public

Enumeration for Alert sizes.

public

Enumeration for Alert variants.

coral-component-anchorbutton

summary
public

The AnchorButton label content

public

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.

coral-component-autocomplete

summary
public

An Autocomplete component that allows users to search and select from a list of options.

public

The Autocomplete Item

public

Enumeration for Autocomplete match options.

public

A suggestion object.

public

Enumeration for Autocomplete variants.

public

Triggered when the Autocomplete hides the suggestions.

public

Triggered when the Autocomplete could accept external data to be loaded by the user.

coral-component-banner

summary
public

A Banner Content component

public

A Banner Header component

public

V Banner: *

A Banner component

public

Enumeration for Banner variants.

coral-component-button

summary
public

The Button label content

public

V Button: *

A Button component containing text and/or an icon.

coral-component-buttongroup

summary
public

A ButtonGroup component that can be used as a selection form field.

public

Enumeration for ButtonGroup selection options.

coral-component-calendar

summary
public

V Calendar: *

A Calendar component that can be used as a date selection form field.

coral-component-card

summary
public

The Card Asset

public

The Card Content

public

A Card context component

public

A Card description component

public

The Card Info

public

The Card Overlay

public

A Card Property Content component

public

A Card sub title component

public

A Card title component

public

V Card: *

A Card component to display content in different variations.

public

A Card property component

public

The Card PropertyList component

public

Enumeration for Card variants.

coral-component-charactercount

summary
public

A CharacterCount component that indicates the remaining characters in a Textfield or Textarea.

public

Enumeration for CharacterCount targets.

coral-component-checkbox

summary
public

The Checkbox label

public

V Checkbox: *

A Checkbox component to be used as a form field.

coral-component-checkboxgroup

summary
public

A CheckboxGroup component to group checkbox fields

coral-component-clock

summary
public

V Clock: *

A Clock component that can be used as a time selection form field.

public

Enumeration for Clock variants.

coral-component-coachmark

summary
public

V CoachMark: *

A coach mark component to highlight UI elements on the page.

public

Enumeration for CoachMark sizes.

public

Enumeration for CoachMark variants.

coral-component-colorinput

summary
public

An abstract subview class that other subviews should extend.

public

C Color

Color is used to get a color in different color spaces, calculate tints and shades etc.

public

V ColorInput: *

A ColorInput component than can be used as a form field to select from a list of color options.

public

A ColorInput Color properties component

public

A ColorInput Item component

public

A ColorInput Slider component

public

A ColorInput Swatch component

public

A ColorInput Swatches component

public

Enumeration for ColorInput auto generated colors options.

public

Enumeration for ColorInput default colors display options.

public

Enumeration for ColorInput color properties display options.

public

Enumeration for ColorInput swatches display options.

public

Enumeration for ColorInput variants.

coral-component-colorpicker

summary
public

A ColorPicker area component to select Saturation and Value

public

A ColorHandle component

public

A ColorPicker component than can be used as a form field to select from a list of color options.

public

A ColorPicker Color properties component

public

A ColorPicker color slider component

public

A ColorPicker color slider hue component to select Hue

public
public

V ColorFormats: {"HSL": string, "HSV": string, "RGB": string, "PRGB": string, "HEX": string, "HEX3": string, "HEX4": string, "HEX8": string, "NAME": string}

Copyright 2021 Adobe.

public

coral-component-columnview

summary
public

The ColumnView collection

public

ColumnView's Column content component

public

ColumnView's Item content component

public

ColumnView's Item thumbnail component

public

ColumnView's preview asset component

public

ColumnView's preview content component

public

ColumnView's preview label component

public

ColumnView's preview separator component

public

ColumnView's preview value component

public

V ColumnView: *

A ColumnView component to display and allow users to browse and select items in a dynamic tree structure (e.g.

public

A ColumnView Column component

public

A ColumnView Item component

public

A ColumnView Preview component

public

Triggered when the active item of the ColumnViewColumn changes.

public

Triggered when the selection inside the ColumnViewColumn changes.

public

Triggered when additional items can be loaded into the ColumnView.

public

Triggered when the ColumnView navigation is complete and the new columns are ready.

public

Enumeration for ColumnViewItem variants.

public

Enumeration for ColumnView selection options.

coral-component-cyclebutton

summary
public

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.

public

A CycleButton Action component

public

A CycleButton Item component

public

Enumeration for CycleButton display options.

public

Triggered when the CycleButton selected item has changed.

public

Enum for {CycleButtonItem} display options.

coral-component-datepicker

summary
public

V Datepicker: *

A Datepicker component that can be used as a date and time selection form field.

public

Enumeration for Datepicker variants.

public

Enum for Datepicker variant values.

coral-component-dialog

summary
public

The Dialog default content

public

The Dialog footer content

public

The Dialog header content

public

V Dialog: *

A Dialog component that supports various use cases with custom content.

public

Enumeration for Dialog backdrops.

public

Enumeration for Dialog closable options.

public

Enumeration for Dialog keyboard interaction options.

public

Enumeration for Dialog variants.

coral-component-drawer

summary
public

Drawer content component

public

V Drawer: *

A Drawer component to display content that can be opened and closed with a sliding animation.

public

Enumeration for Drawer directions.

public

Triggered when the Drawer is closed.

public

Triggered when the Drawer is opened.

coral-component-fileupload

summary
public

C FileUploadItem(file: File | HTMLElement)

A FileUpload item encapsulating file meta-data

public

V FileUpload: *

A FileUpload component that manages the upload process of multiple files.

public

Enumeration for FileUpload HTTP methods that can be used to upload files.

public

Enumeration for FileUploadItem response types.

coral-component-icon

summary
public

F loadIcons(svgURL: *)

public

V Icon: *

An Icon component.

public
public

Copyright 2020 Adobe.

public
public

Enumeration for Icon autoAriaLabel value.

public

Enumeration for Icon sizes.

coral-component-list

summary
public

The List item content

public

The SelectList Item content

public

V AnchorList: *

An AnchorList component that supports multi-line text, icons, and text wrapping with ellipsis.

public

An AnchorList item component

public

V ButtonList: *

A ButtonList component that supports multi-line text, icons, and text wrapping with ellipsis.

public

An ButtonList item component

public

V List: *

A List component that supports multi-line text, icons, and text wrapping with ellipsis.

public

The List divider

public

V ListItem: *

A List item component

public

V SelectList: *

A SelectList component is a selectable list of items.

public

A SelectList group component

public

A SelectList item component

public

Triggered when the SelectList selected item has changed.

public

Triggered before the SelectList selected item is changed on user interaction.

public

Triggered when the user scrolls to near the bottom of the SelectList.

coral-component-masonry

summary
public

A Masonry Column layout

public

Layout with variable width items which are expanded in their height to fill gaps (which are common with colspan).

public

Layout with fixed width centered items.

public

Layout with fixed width and evenly spread items.

public

C MasonryLayout(masonry: *)

Base class for masonry layouts.

public

Layout with variable width items.

public

The Masonry Item Accessibility State

public

V Masonry: *

A Masonry component that allows to lay out items in a masonry grid.

public

A Masonry Item component

public

Enumeration values to enable/disable aria grid support for Masonry.

public

Enumeration for Masonry layouts.

public

Enumeration for Masonry selection options.

public

Triggered when Masonry selected item has changed.

public

Triggered when a Masonry item is reordered.

coral-component-multifield

summary
public
public

The Multifield item content

public

V Multifield: *

A Multifield component that enables adding, reordering, and removing multiple instances of a component.

public

A Multifield item component.

public

Triggered when the Multifield item are reordered.

public

Triggered when the Multifield item are reordered.

coral-component-numberinput

summary
public

A NumberInput component is a numeric control form field.

coral-component-overlay

summary
public

A generic Overlay component.

public

V Overlay: *

public

Triggered after the Overlay is positioned.

public
this typedef was deprecated.

Enumeration for Overlay alignment pairs.

public

Enumeration for Overlay collision detection strategies.

public

Enumeration for Overlay interaction values.

public

Enumeration for Overlay placement values.

public

Enumeration for Overlay anchored overlay targets.

coral-component-panelstack

summary
public

A PanelStack Item Content component

public

V Panel: *

A Panel component

public

V PanelStack: *

A PanelStack component holding a collection of panels.

public

Triggered when PanelStack selected panel has changed.

coral-component-popover

summary
public

The Popover default content

public

The Popover footer content

public

The Popover header content

public

V Popover: *

A Popover component for small overlay content.

public

The Popover separator

public

Enumeration for Popover closable state.

public

Enumeration for Popover variants.

coral-component-progress

summary
public

The Progress label content

public

V Progress: *

A Progress component to indicate progress of processes.

public

Enumeration for Progress label positions.

public

Enumeration for Progress sizes.

public

Triggered when the Progress value is changed.

coral-component-quickactions

summary
public

A QuickActions component is an overlay component that reveals actions when interacting with a container.

public

A QuickActions item component

public

Enumeration for QuickActions interaction options.

public

Enumeration for QuickActions placement options.

public

Enumeration for QuickActions anchored overlay target options.

public

Enumeration for QuickActionsItem type values.

coral-component-radio

summary
public

The Radio label

public

V Radio: *

A Radio component to be used as a form field.

coral-component-radiogroup

summary
public

V RadioGroup: *

A RadioGroup component to group radio fields

public

Enumeration for RadioGroup orientations.

coral-component-search

summary
public

V Search: *

A Search component is a search styled form field.

public

Enumeration for Search variants.

public

Triggered when the Search is cleared.

public

Triggered when Search input is given.

public

Triggered when the user presses Search enter.

coral-component-select

summary
public

V Select: *

A Select component is a form field that allows users to select from a list of options.

public

V SelectItem: *

A Select item component

public

Enumeration for Select variants.

public

Triggered when the Select hides the UI used to select items.

public

Triggered when the Select could accept external data to be loaded by the user.

coral-component-shell

summary
public

C Shell

The Shell base component to be used with its family for console like applications.

public

A Shell Header component

public

A Shell Help component

public

A Shell Help item component

public

A Shell Home Anchor component

public

A Shell Menu component

public

A Shell MenuBar component

public

A Shell MenuBar Item component

public

A Shell OrgSwitcher component

public

A Shell Organization component

public

A Shell SelectList Switcher component

public

A Shell SelectListSwitcherItem component

public

A Shell Solution component

public

A Shell Solution Switcher component

public

A Shell Solutions component

public

A Shell Sub organization component

public

A Shell User component

public

A Shell Workspace component

public

A Shell Workspaces component

public

Shell's content component

public
this function was deprecated.

Shell's help separator

public

Shell HomeAnchor's label component

public

Shell's OrgSwitcher footer component

public

Shell's Solution label component

public
this function was deprecated.

Shell's solution sub-cloud name

public

Shell's User content component

public

Shell's User footer component

public

Shell's User heading component

public

Shell's User name component

public

Shell's User subheading component

public

A search result object.

public

Triggered after the ShellMenuBarItem is closed with hide() or instance.open = false

public

Triggered after the ShellMenuBarItem is opened with show() or instance.open = true

public

Enumeration for valid aria-haspopup values.

public

Enumeration for ShellMenuBarItem icon variants.

public

Triggered when the ShellOrgSwitcher selected organization has changed.

public

Enumeration for ShellUser avatar options.

coral-component-sidenav

summary
public

The SideNav Heading

public

The SideNav Item Content

public

V SideNav: *

A Side Navigation component to navigate the entire content of a product or a section.

public

A SideNav Item component.

public

A SideNav Level component

public

Enumeration for SideNav variants.

public

Triggered when SideNav selected item has changed.

coral-component-slider

summary
public

A Slider component is a form field that can be used to set a number within a range.

public

Slider's content component

public

A Ranged Slider

public

V Slider: *

public

V SliderItem: *

The Slider item

public

Enumeration for Slider orientations.

coral-component-splitbutton

summary
public

A Split Button component composed of an action and a trigger AnchorButton or Button.

public

Enumeration for SplitButton variants.

coral-component-status

summary
public

The Status Label

public

V Status: *

A Status component to describe the condition of another entity.

public

Enumeration for Status colors.

public

Enumeration for Status variants.

coral-component-steplist

summary
public

A Step Label

public

V Step: *

A Step component

public

V StepList: *

A StepList component that holds a collection of steps.

public

Enumeration for StepList interaction options.

public

Enumeration for StepList sizes.

public

Triggered when the StepList selected Step has changed.

coral-component-switch

summary
public

The Switch label

public

V Switch: *

A Switch component is a toggle form field similar to a Checkbox component.

coral-component-table

summary
public

The base element for table sections

public

The Table HeaderCell content

public

V Table: *

A Table component is a container component to display and manipulate data in two dimensions.

public

V TableBody: *

A Table body component

public

V TableCell: *

A Table cell component

public

A Table column component

public

V TableFoot: *

A Table foot component

public

V TableHead: *

A Table head component

public

A Table header cell component

public

V TableRow: *

A Table row component

public

Enumeration for Table variants

public

Triggered before a Table column is dragged.

public

Triggered before a Table column gets sorted by user interaction.

public

Triggered before a Table row is ordered.

public

Triggered when the Table selection changed.

public

Triggered when a Table column is dragged.

public

Triggered when a Table column is sorted.

public

Triggered when a Table row selection changed.

public

Triggered when a {@linked Table} row is locked.

public

Triggered when a Table row is ordered.

public

Triggered when Table a row is locked.

public

Enumeration for TableColumn sortable direction options.

public

Enumeration for TableColumn sortable type options.

public

Enumeration for TableColumn alignment options.

public

Enumeration for TableHead, TableBody and TableFoot divider values.

coral-component-tablist

summary
public

A TabList component holds a collection of tabs.

public

Tab's label component

public

V Tab: *

A Tab component

public

Triggered when the TabList selected item has changed.

public

Enumeration for TabList orientations.

public

Enumeration for TabList sizes.

coral-component-tabview

summary
public

V TabView: *

A TabView component is the wrapping container used to create the typical Tabbed pattern.

public

Enumeration for TabView orientations.

public

Triggered when the TabView selected tab panel item has changed.

coral-component-taglist

summary
public

Tag's label component

public

V Tag: *

A Tag component

public

V TagList: *

A TagList component is a form field container to manipulate tags.

public

Enumeration for Tag colors.

public

Enumeration for Tag sizes.

coral-component-textarea

summary
public

V Textarea: *

A Textarea component is the default multi-line text form field.

public

Enumeration for Textarea variants.

coral-component-textfield

summary
public

V Textfield: *

A Textfield component is the default single line text form field.

public

Enumeration for Textfield variants.

coral-component-toast

summary
public

The Toast default content

public

V Toast: *

Toasts display brief temporary notifications.

public

Enumeration for Toast placement values.

public

Enumeration for Toast variants.

coral-component-tooltip

summary
public

Tooltip's content component

public

V Tooltip: *

A Tooltip component that can be attached to any element and may be displayed immediately or on hovering the target element.

public

Enumeration for Tooltip variants.

coral-component-tree

summary
public

Tree item's content component

public

V Tree: *

A Tree component is a container component to display collapsible content.

public

V TreeItem: *

A Tree item component

public

Triggered when the Tree selection changed.

public

Triggered when a Tree item collapsed.

public

Triggered when a Tree item expanded.

public

Enumeration for TreeItem variants.

coral-component-wait

summary
public

V Wait: *

A Wait component to be used to indicate a process that is in-progress for an indefinite amount of time.

public

Enumeration for Wait sizes.

public

Enumeration for Wait variants.

public

Triggered when the Wait value is changed.

coral-component-wizardview

summary
public

V WizardView: *

A WizardView component is the wrapping container used to create the typical Wizard pattern.

public

Triggered when the WizardView selected step list item has changed.

coral-datetime

summary
public

The DateTime API is used as fallback to momentJS.

coral-dragaction

summary
public

C DragAction(dragElement: String | HTMLElement)

This a decorator which adds draggable functionality to elements.

public

Triggered when the DragAction#dragElement is being dragged.

public

Triggered when the DragAction#dragElement stops to be dragged.

public

Triggered when the DragAction#dragElement is dropped on key.

public

Triggered when the DragAction#dragElement enters a drop element.

public

Triggered when the DragAction#dragElement leaves a drop element.

public

Triggered when the DragAction#dragElement is losing focus.

public

Triggered when the DragAction#dragElement is selected to be dragged.

public

Triggered when the DragAction#dragElement is over a drop element.

public

Triggered when the DragAction#dragElement is moved on arrow down pressed.

public

Triggered when the DragAction#dragElement is moved on arrow up pressed.

public

Triggered when the DragAction#dragElement starts to be dragged.

public

Triggered when the DragAction#dragElement is dropped on a drop element.

public

Enumeration for DragAction axis restrictions.

coral-utils

summary
public

Utility belt.

public

C Events

Events helper.

public

I18n service to get/set localized strings.

public

C Keys

Handle key combination events.

public

Signature function used to track the usage of Coral components.

public

Set of property value transformation functions.

public

Set of property value validation functions.

public
public
public

An i18n service.

public

Used to store i18n strings.

public

V keys: Keys

A key listener for global hotkeys is exposed for document eventing handling.

public
public
public
public

Enumeration for i18n locales.

Directories
coral-base-button
coral-base-component
coral-base-fieldgroup
coral-base-formfield
coral-base-labellable
coral-base-list
coral-base-overlay
coral-collection
coral-component-accordion
coral-component-actionbar
coral-component-alert
coral-component-anchorbutton
coral-component-autocomplete
coral-component-banner
coral-component-button
coral-component-buttongroup
coral-component-calendar
coral-component-card
coral-component-charactercount
coral-component-checkbox
coral-component-checkboxgroup
coral-component-clock
coral-component-coachmark
coral-component-colorinput
coral-component-colorpicker
coral-component-columnview
coral-component-cyclebutton
coral-component-datepicker
coral-component-dialog
coral-component-drawer
coral-component-fileupload
coral-component-icon
coral-component-list
coral-component-masonry
coral-component-multifield
coral-component-numberinput
coral-component-overlay
coral-component-panelstack
coral-component-popover
coral-component-progress
coral-component-quickactions
coral-component-radio
coral-component-radiogroup
coral-component-search
coral-component-select
coral-component-shell
coral-component-sidenav
coral-component-slider
coral-component-splitbutton
coral-component-status
coral-component-steplist
coral-component-switch
coral-component-table
coral-component-tablist
coral-component-tabview
coral-component-taglist
coral-component-textarea
coral-component-textfield
coral-component-toast
coral-component-tooltip
coral-component-tree
coral-component-wait
coral-component-wizardview
coral-datetime
coral-dragaction
coral-utils