fast-foundation
Classes
| Class | Description |
|---|---|
| Accordion | An Accordion Custom HTML Element Implements ARIA Accordion. |
| AccordionItem | An individual item in an Accordion.start - Content which can be provided between the heading and the iconend - Content which can be provided between the start slot and iconheading - Content which serves as the accordion item heading and text of the expand button- The default slot for accordion item contentexpanded-icon - The expanded iconcollapsed-icon - The collapsed iconchange - Fires a custom 'change' event when the button is invokedheading - Wraps the buttonbutton - The button which serves to invoke the itemheading-content - Wraps the slot for the heading content within the buttonicon - The icon containerexpanded-icon - The expanded icon slotcollapsed-icon - The collapsed iconregion - The wrapper for the accordion item content |
| Anchor | An Anchor Custom HTML Element. Based largely on the <a> element.start - Content which can be provided before the anchor contentend - Content which can be provided after the anchor content- The default slot for anchor contentcontrol - The anchor elementcontent - The element wrapping anchor content |
| AnchoredRegion | An anchored region Custom HTML Element.- The default slot for the contentloaded - Fires a custom 'loaded' event when the region is loaded and visiblepositionchange - Fires a custom 'positionchange' event when the position has changed |
| ARIAGlobalStatesAndProperties | Some states and properties are applicable to all host language elements regardless of whether a role is applied. The following global states and properties are supported by all roles and by all base markup elements. https://www.w3.org/TR/wai-aria-1.1/#global_statesThis is intended to be used as a mixin. Be sure you extend FASTElement. |
| Avatar | An Avatar Custom HTML Elementmedia - Used for media such as an image- The default slot for avatar text, commonly a name or initialsbadge - Used to provide a badge, such as a status badgebackplate - The wrapping container for the avatarlink - The avatar linkmedia - The media slotcontent - The default slot |
| Badge | A Badge Custom HTML Element.- The default slot for the badgecontrol - The element representing the badge, which wraps the default slot |
| BaseProgress | An Progress HTML Element. Implements the ARIA progressbar.indeterminate - The slot for a custom indeterminate indicatorprogress - Represents the progress elementdeterminate - The determinate indicatorindeterminate - The indeterminate indicator |
| Breadcrumb | A Breadcrumb Custom HTML Element.- The default slot for the breadcrumb itemslist - The element wrapping the slotted items |
| BreadcrumbItem | A Breadcrumb Item Custom HTML Element. |
| Button | A Button Custom HTML Element. Based largely on the <button> element.start - Content which can be provided before the button contentend - Content which can be provided after the button content- The default slot for button contentcontrol - The button elementcontent - The element wrapping button content |
| Calendar | Calendar component- The default slot for calendar contentdateselected - Fires a custom 'dateselected' event when Enter is invoked via keyboard on a date |
| Card | An Card Custom HTML Element.- The default slot for the card content |
| Checkbox | A Checkbox Custom HTML Element. Implements the ARIA checkbox.checked-indicator - The checked indicatorindeterminate-indicator - The indeterminate indicator- The default slot for the labelcontrol - The element representing the visual checkbox controllabel - The labelchange - Emits a custom change event when the checked state changes |
| Combobox | A Combobox Custom HTML Element. Implements the ARIA combobox.start - Content which can be provided before the inputend - Content which can be provided after the inputcontrol - Used to replace the input element representing the comboboxindicator - The visual indicator representing the expanded state- The default slot for the optionscontrol - The wrapper element containing the input area, including start and endselected-value - The input element representing the selected valueindicator - The element wrapping the indicator slotlistbox - The wrapper for the listbox slotted optionschange - Fires a custom 'change' event when the value updates |
| DataGrid | A Data Grid Custom HTML Element.- The default slot for custom row elements |
| DataGridCell | A Data Grid Cell Custom HTML Element.cell-focused - Fires a custom 'cell-focused' event when focus is on the cell or its contents- The default slot for cell contents. The "cell contents template" renders here. |
| DataGridRow | A Data Grid Row Custom HTML Element.row-focused - Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row- The default slot for custom cell elements |
| DateFormatter | Date formatting utility |
| DefaultComponentPresentation | The default implementation of ComponentPresentation, used by FoundationElement. |
| DelegatesARIAButton | Includes ARIA states and properties relating to the ARIA button role |
| DelegatesARIACombobox | Includes ARIA states and properties relating to the ARIA combobox role. |
| DelegatesARIALink | Includes ARIA states and properties relating to the ARIA link role |
| DelegatesARIAListbox | Includes ARIA states and properties relating to the ARIA listbox role |
| DelegatesARIAListboxOption | States and properties relating to the ARIA option role. |
| DelegatesARIASearch | Includes ARIA states and properties relating to the ARIA textbox role |
| DelegatesARIASelect | Includes ARIA states and properties relating to the ARIA select role. |
| DelegatesARIATextbox | Includes ARIA states and properties relating to the ARIA textbox role |
| DelegatesARIAToolbar | Includes ARIA states and properties relating to the ARIA toolbar role |
| Dialog | A Switch Custom HTML Element. Implements the ARIA dialog.- The default slot for the dialog contentpositioning-region - A wrapping element used to center the dialog and position the modal overlayoverlay - The modal dialog overlaycontrol - The dialog elementcancel - Fires a custom 'cancel' event when the modal overlay is clickedclose - Fires a custom 'close' event when the dialog is hidden |
| Disclosure | A Disclosure Custom HTML Element. Based largely on the disclosure element.start - Content which can be provided before the summary contentend - Content which can be provided after the summary contenttitle - The summary content- The default slot for the disclosure contenttoggle - fires a toggle event when the summary is toggled |
| Divider | A Divider Custom HTML Element. Implements the ARIA separator or ARIA presentation. |
| Flipper | A Flipper Custom HTML Element. Flippers are a form of button that implies directional content navigation, such as in a carousel.next - The next flipper contentprevious - The previous flipper contentnext - Wraps the next flipper contentprevious - Wraps the previous flipper contentclick - Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies. |
| FoundationElement | Defines a foundation element class that: 1. Connects the element to its ComponentPresentation 2. Allows resolving the element template from the instance or ComponentPresentation 3. Allows resolving the element styles from the instance or ComponentPresentation |
| HorizontalScroll | A HorizontalScroll Custom HTML Elementstart - Content which can be provided before the scroll areaend - Content which can be provided after the scroll areascroll-area - Wraps the entire scrollable regionscroll-view - The visible scroll areacontent-container - The container for the contentscroll-prev - The previous flipper containerscroll-action-previous - The element wrapping the previous flipperscroll-next - The next flipper containerscroll-action-next - The element wrapping the next flipperscrollstart - Fires a custom 'scrollstart' event when scrollingscrollend - Fires a custom 'scrollend' event when scrolling stops |
| Listbox | A Listbox Custom HTML Element. Implements the ARIA listbox.- The default slot for the listbox options |
| ListboxElement | A Listbox Custom HTML Element. Implements the ARIA listbox. |
| ListboxOption | An Option Custom HTML Element. Implements ARIA option.start - Content which can be provided before the listbox option contentend - Content which can be provided after the listbox option content- The default slot for listbox option contentcontent - Wraps the listbox option content |
| MatchMediaBehavior | An abstract behavior to react to media queries. Implementations should implement the constructListener method to perform some action based on media query changes. |
| MatchMediaStyleSheetBehavior | A behavior to add or remove a stylesheet from an element based on a media query. The behavior ensures that styles are applied while the a query matches the environment and that styles are not applied if the query does not match the environment. |
| Menu | A Menu Custom HTML Element. Implements the ARIA menu.- The default slot for the menu items |
| MenuItem | A Switch Custom HTML Element. Implements ARIA menuitem, ARIA menuitemcheckbox, or ARIA menuitemradio.checked-indicator - The checked indicatorradio-indicator - The radio indicatorstart - Content which can be provided before the menu item contentend - Content which can be provided after the menu item content- The default slot for menu item contentexpand-collapse-indicator - The expand/collapse indicatorsubmenu - Used to nest menu's within menu itemsinput-container - The element representing the visual checked or radio indicatorcheckbox - The element wrapping the menuitemcheckbox indicatorradio - The element wrapping the menuitemradio indicatorcontent - The element wrapping the menu item contentexpand-collapse-glyph-container - The element wrapping the expand collapse elementexpand-collapse - The expand/collapse elementsubmenu-region - The container for the submenu, used for positioningexpanded-change - Fires a custom 'expanded-change' event when the expanded state changeschange - Fires a custom 'change' event when a non-submenu item with a role of menuitemcheckbox, menuitemradio, or menuitem is invoked |
| NumberField | A Number Field Custom HTML Element. Based largely on the <input type="number" /> element.start - Content which can be provided before the number field inputend - Content which can be provided after the number field input- The default slot for the labelstep-up-glyph - The glyph for the step up controlstep-down-glyph - The glyph for the step down controllabel - The labelroot - The element wrapping the control, including start and end slotscontrol - The element representing the inputcontrols - The step up and step down controlsstep-up - The step up controlstep-down - The step down controlinput - Fires a custom 'input' event when the value has changedchange - Fires a custom 'change' event when the value has changed |
| PropertyStyleSheetBehavior | A behavior to add or remove a stylesheet from an element based on a property. The behavior ensures that styles are applied while the property matches and that styles are not applied if the property does not match. |
| Radio | A Radio Custom HTML Element. Implements the ARIA radio.checked-indicator - The checked indicator- The default slot for the labelcontrol - The element representing the visual radio controllabel - The labelchange - Emits a custom change event when the checked state changes |
| RadioGroup | An Radio Group Custom HTML Element. Implements the ARIA radiogroup.label - The slot for the label- The default slot for radio buttonspositioning-region - The positioning region for laying out the radioschange - Fires a custom 'change' event when the value changes |
| ResolverBuilder | A utility class used that constructs and registers resolvers for a dependency injection container. Supports a standard set of object lifetimes. |
| Search | A Search Custom HTML Element. Based largely on the <input type="search" /> element.start - Content which can be provided before the search inputend - Content which can be provided after the search clear button- The default slot for the labelclose-button - The clear buttonclose-glyph - The clear glyphlabel - The labelroot - The element wrapping the control, including start and end slotscontrol - The element representing the inputclear-button - The button to clear the input |
| Select | A Select Custom HTML Element. Implements the ARIA select.start - Content which can be provided before the button contentend - Content which can be provided after the button contentbutton-container - The element representing the select buttonselected-value - The selected valueindicator - The visual indicator for the expand/collapse state of the button- The default slot for slotted optionscontrol - The element representing the select invoking elementselected-value - The element wrapping the selected valueindicator - The element wrapping the visual indicatorlistbox - The listbox elementinput - Fires a custom 'input' event when the value updateschange - Fires a custom 'change' event when the value updates |
| Skeleton | A Skeleton Custom HTML Element.- The default slot |
| Slider | A Slider Custom HTML Element. Implements the ARIA slider.track - The track of the slidertrack-start - The track-start visual indicatorthumb - The slider thumb- The default slot for labelspositioning-region - The region used to position the elements of the slidertrack-container - The region containing the track elementstrack-start - The element wrapping the track start slotthumb-container - The thumb container element which is programatically positionedchange - Fires a custom 'change' event when the slider value changes |
| SliderLabel | A label element intended to be used with the Slider component.- The default slot for the label contentroot - The element wrapping the label mark and text |
| StartEnd | A mixin class implementing start and end elements. These are generally used to decorate text elements with icons or other visual indicators. |
| Switch | A Switch Custom HTML Element. Implements the ARIA switch.- The deafult slot for the labelchecked-message - The message when in a checked stateunchecked-message - The message when in an unchecked statelabel - The labelswitch - The element representing the switch, which wraps the indicatorstatus-message - The wrapper for the status messageschecked-message - The checked messageunchecked-message - The unchecked messagechange - Emits a custom change event when the checked state changes |
| Tab | A Tab Component to be used with Tabs- The default slot for the tab content |
| TabPanel | A TabPanel Component to be used with Tabs- The default slot for the tabpanel content |
| Tabs | A Tabs Custom HTML Element. Implements the ARIA tablist.start - Content which can be provided before the tablist elementend - Content which can be provided after the tablist elementtab - The slot for tabstabpanel - The slot for tabpanelstablist - The element wrapping for the tabstab - The tab slotactiveIndicator - The visual indicatortabpanel - The tabpanel slotchange - Fires a custom 'change' event when a tab is clicked or during keyboard navigation |
| TextArea | A Text Area Custom HTML Element. Based largely on the <textarea> element.- The default slot for the labellabel - The labelroot - The element wrapping the controlcontrol - The textarea elementchange - Emits a custom 'change' event when the textarea emits a change event |
| TextField | A Text Field Custom HTML Element. Based largely on the <input type="text" /> element.start - Content which can be provided before the number field inputend - Content which can be provided after the number field input- The default slot for the labellabel - The labelroot - The element wrapping the control, including start and end slotscontrol - The text field elementchange - Fires a custom 'change' event when the value has changed |
| Toolbar | A Toolbar Custom HTML Element. Implements the ARIA Toolbar.start - Content which can be provided before the slotted itemsend - Content which can be provided after the slotted items- The default slot for slotted itemslabel - The toolbar labelpositioning-region - The element containing the items, start and end slots |
| Tooltip | An Tooltip Custom HTML Element.- The default slot for the tooltip contenttooltip - The tooltip elementdismiss - Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed |
| TreeItem | A Tree item Custom HTML Element.start - Content which can be provided before the tree item contentend - Content which can be provided after the tree item content- The default slot for tree item text contentitem - The slot for tree items (fast tree items manage this assignment themselves)expand-collapse-button - The expand/collapse buttonpositioning-region - The element used to position the tree item content with exception of any child nodescontent-region - The element containing the expand/collapse, start, and end slotsitems - The element wrapping any child itemsexpand-collapse-button - The expand/collapse buttonexpanded-change - Fires a custom 'expanded-change' event when the expanded state changesselected-change - Fires a custom 'selected-change' event when the selected state changes |
| TreeView | A Tree view Custom HTML Element. Implements the ARIA TreeView.- The default slot for tree items |
Functions
| Function | Description |
|---|---|
| applyMixins(derivedCtor, baseCtors) | Apply mixins to a constructor. Sourced from TypeScript Documentation. |
| composedContains(reference, test) | Determines if the reference element contains the test element in a "composed" DOM tree that ignores shadow DOM boundaries.Returns true of the test element is a descendent of the reference, or exist in a shadow DOM that is a logical descendent of the reference. Otherwise returns false. |
| composedParent(element) | Retrieves the "composed parent" element of a node, ignoring DOM tree boundaries. When the parent of a node is a shadow-root, it will return the host element of the shadow root. Otherwise it will return the parent node or null if no parent node exists. |
| display(displayValue) | Applies a CSS display property. Also adds CSS rules to not display the element when the [hidden] attribute is applied to the element. |
| ignore(target, property, descriptor) | A decorator that tells the container not to try to inject a dependency. |
| isListboxOption(el) | Determines if the element is a ListboxOption |
| isTreeItemElement(el) | check if the item is a tree item |
| reflectAttributes(attributes) | (BETA) Reflects attributes from the host element to the target element of the directive. |
| singleton() | Registers the decorated class as a singleton dependency; the class will only be created once. Each consecutive time the dependency is resolved, the same instance will be returned. |
| singleton(options) | |
| singleton(target) | Registers the target class as a singleton dependency; the class will only be created once. Each consecutive time the dependency is resolved, the same instance will be returned. |
| transient() | Registers the decorated class as a transient dependency; each time the dependency is resolved a new instance will be created. |
| transient(target) | Registers the target class as a transient dependency; each time the dependency is resolved a new instance will be created. |
| whitespaceFilter(value, index, array) | a method to filter out any whitespace _only_ nodes, to be used inside a template |
Interfaces
| Interface | Description |
|---|---|
| AnchoredRegionConfig | A utility interface to store anchored region configurations that correspond to various common flyout positioning schemes |
| ColumnDefinition | Defines a column in the grid |
| ComponentPresentation | Applies presentation details, such as template and styles, to a component instance. |
| Container | Implemented by dependency injection containers. |
| ContainerConfiguration | Configuration for a dependency injection container. |
| CSSDesignToken | A that emits a CSS custom property. |
| DesignSystem | Represents a configurable design system. |
| DesignSystemRegistrationContext | Design system contextual APIs and configuration usable within component registries. |
| DesignToken | Describes a DesignToken instance. |
| DesignTokenChangeRecord | Change record provided to to a DesignTokenSubscriber when a token changes for a target. |
| DesignTokenConfiguration | Describes a configuration |
| DesignTokenSubscriber | A subscriber that should receive change records when a token changes for a target |
| ElementDefinitionContext | The design system context in which an element can be defined. |
| ElementDefinitionParams | The element definition context interface. Designed to be used in tryDefineElement |
| Factory | Used by the default Resolver to create instances of objects when needed. |
| FoundationElementDefinition | An element definition used to define a FoundationElement when registered through the design system registry. |
| InterfaceConfiguration | Used to configure a dependency injection interface key. |
| Registration | Implemented by objects that wish to register dependencies in the container by creating resolvers. |
| Registry | Implemented by objects that which to register dependencies in a container. |
| Resolver | Internally, the DI system maps "keys" to "resolvers". A resolver controls how a dependency is resolved. Resolvers for transient, singleton, etc. are provided out of the box, but you can also implement Resolver yourself and supply custom logic for resolution. |
| ServiceLocator | Implemented by objects capable of resolving services and other dependencies. |
| SliderConfiguration | The configuration structure of Slider. |
Variables
| Variable | Description |
|---|---|
| AccordionExpandMode | Expand mode for Accordion |
| accordionItemTemplate | The template for the AccordionItem component. |
| accordionTemplate | The template for the Accordion component. |
| all | A decorator and DI resolver that will resolve an array of all dependencies registered with the specified key. |
| anchoredRegionTemplate | The template for the AnchoredRegion component. |
| anchorTemplate | The template for the Anchor component. |
| avatarTemplate | The template for Avatar component. |
| badgeTemplate | The template for the Badge component. |
| breadcrumbItemTemplate | The template for the BreadcrumbItem component. |
| breadcrumbTemplate | The template for the Breadcrumb component. |
| buttonTemplate | The template for the Button component. |
| calendarCellTemplate | A calendar day template |
| calendarRowTemplate | |
| calendarTemplate | The template for the Calendar component. |
| CalendarTitleTemplate | A basic Calendar title template that includes the month and year |
| calendarWeekdayTemplate | Calendar weekday label template |
| cardTemplate | The template for the Card component. |
| checkboxTemplate | The template for the Checkbox component. |
| ComboboxAutocomplete | Autocomplete values for combobox. |
| comboboxTemplate | The template for the Combobox component. |
| ComponentPresentation | An API gateway to component presentation features. |
| Container | The interface key that resolves the dependency injection container itself. |
| ContainerConfiguration | Configuration for a dependency injection container. |
| darkModeStylesheetBehavior | This can be used to construct a behavior to apply a prefers color scheme: dark only stylesheet. |
| dataGridCellTemplate | Generates a template for the DataGridCell component using the provided prefix. |
| DataGridCellTypes | Enumerates possible data grid cell types. |
| dataGridRowTemplate | Generates a template for the DataGridRow component using the provided prefix. |
| DataGridRowTypes | Enumerates possible data grid row types |
| dataGridTemplate | Generates a template for the DataGrid component using the provided prefix. |
| DefaultResolver | A set of default resolvers useful in configuring a container. |
| DesignSystem | An API gateway to design system features. |
| DesignToken | Factory object for creating instances. |
| DI | The gateway to dependency injection APIs. |
| dialogTemplate | The template for the Dialog component. |
| disabledCursor | The CSS value for disabled cursors. |
| disclosureTemplate | The template for the Disclosure component. |
| DividerRole | Divider roles |
| dividerTemplate | The template for the Divider component. |
| ElementDisambiguation | Indicates what to do with an ambiguous (duplicate) element. |
| endSlotTemplate | The template for the end element. For use with StartEnd |
| endTemplate | The template for the end element. For use with StartEnd |
| FlipperDirection | The direction options for flipper. |
| flipperTemplate | The template for the Flipper component. |
| FlyoutPosBottom | A region that always places itself below the anchor, has a width to match the anchor, and is sized vertically by content |
| FlyoutPosBottomFill | A region that always places itself below the anchor, has a width to match the anchor, and is sized vertically by available space |
| FlyoutPosTallest | A region that places itself above or below the anchor based on available space, has a width to match the anchor, and is sized vertically by content |
| FlyoutPosTallestFill | A region that places itself above or below the anchor based on available space, has a width to match the anchor, and is sized vertically by available space |
| FlyoutPosTop | A region that always places itself above the anchor, has a width to match the anchor, and is sized vertically by content |
| FlyoutPosTopFill | A region that always places itself above the anchor, has a width to match the anchor, and is sized vertically by available space |
| focusVisible | The string representing the focus selector to be used. Value will be "focus-visible" when https://drafts.csswg.org/selectors-4/\#the-focus-visible-pseudo is supported and "focus" when it is not. |
| forcedColorsStylesheetBehavior | This can be used to construct a behavior to apply a forced-colors only stylesheet. |
| GenerateHeaderOptions | Enumerates the data grid auto generated header options default option generates a non-sticky header row |
| getDirection | a method to determine the current localization direction of the view |
| hidden | A CSS fragment to set display: none; when the host is hidden using the [hidden] attribute. |
| horizontalScrollTemplate | |
| inject | A decorator that specifies what to inject into its target. |
| lazy | A decorator that lazily injects a dependency depending on whether the Key is present at the time of function call. |
| lightModeStylesheetBehavior | This can be used to construct a behavior to apply a prefers color scheme: light only stylesheet. |
| listboxOptionTemplate | The template for the ListboxOption component. |
| listboxTemplate | The template for the Listbox component. |
| MenuItemRole | Menu items roles. |
| menuItemTemplate | Generates a template for the MenuItem component using the provided prefix. |
| menuTemplate | The template for the Menu component. |
| newInstanceForScope | A decorator that indicates that a new instance should be injected scoped to the container that requested the instance. |
| newInstanceOf | A decorator that indicates that a new instance should be injected. |
| numberFieldTemplate | The template for the NumberField component. |
| optional | A decorator that allows you to optionally inject a dependency depending on whether the [[Key]] is present, for example: |
| pickerListItemTemplate | |
| pickerListTemplate | |
| pickerMenuOptionTemplate | |
| pickerMenuTemplate | The template for the List Picker component. |
| pickerTemplate | The template for the List Picker component. |
| progressRingTemplate | The template for the BaseProgress component. |
| progressTemplate | The template for the BaseProgress component. |
| radioGroupTemplate | The template for the RadioGroup component. |
| radioTemplate | The template for the Radio component. |
| Registration | You can use the resulting Registration of any of the factory methods to register with the container. |
| searchTemplate | The template for the Search component. |
| SelectPosition | Positioning directions for the listbox when a select is open. |
| selectTemplate | The template for the Select component. |
| ServiceLocator | The interface key that resolves the service locator itself. |
| skeletonTemplate | The template for the fast-skeleton component |
| sliderLabelTemplate | The template for the SliderLabel component. |
| SliderMode | The selection modes of a Slider. |
| sliderTemplate | The template for the Slider component. |
| startSlotTemplate | The template for the start element. For use with StartEnd |
| startTemplate | The template for the start element. For use with StartEnd |
| switchTemplate | The template for the Switch component. |
| tabPanelTemplate | The template for the TabPanel component. |
| TabsOrientation | The orientation of the Tabs component |
| tabsTemplate | The template for the Tabs component. |
| tabTemplate | The template for the Tab component. |
| TextAreaResize | Resize mode for a TextArea |
| textAreaTemplate | The template for the TextArea component. |
| textFieldTemplate | The template for the TextField component. |
| TextFieldType | Text field sub-types |
| toolbarTemplate | The template for the Toolbar component. |
| TooltipPosition | Enumerates possible tooltip positions |
| tooltipTemplate | Creates a template for the Tooltip component using the provided prefix. |
| treeItemTemplate | The template for the TreeItem component. |
| treeViewTemplate | The template for the TreeView component. |
Type Aliases
| Type Alias | Description |
|---|---|
| AccordionExpandMode | Type for the Accordion Expand Mode |
| AccordionItemOptions | Accordion Item configuration options |
| AnchoredRegionPositionLabel | Describes the possible positions of the region relative to its anchor. Depending on the axis start = left/top, end = right/bottom |
| AnchorOptions | Anchor configuration options |
| AutoUpdateMode | Defines if the component updates its position automatically. Calling update() always provokes an update. anchor - the component only updates its position when the anchor resizes (default) auto - the component updates its position when: - update() is called - the anchor resizes - the window resizes - the viewport resizes - any scroll event in the document |
| AvatarOptions | Avatar configuration options |
| AxisPositioningMode | Defines the base behavior of an anchored region on a particular axis |
| AxisScalingMode | Defines the scaling behavior of an anchored region on a particular axis |
| BreadcrumbItemOptions | Breadcrumb Item configuration options- The default slot for when no href is provided or for providing your own custom elementsseparator - The slot for providing a custom separatorlistitem - The wrapping container for the item, represents a semantic listitemseparator - The wrapping element for the separator |
| ButtonOptions | Button configuration options |
| CalendarDateInfo | Caldendar date info used to represent a date |
| CalendarInfo | Calendar information needed for rendering including the next and previous months |
| CalendarOptions | Calendar configuration options |
| CheckboxOptions | Checkbox configuration options |
| ComboboxAutocomplete | Autocomplete type for combobox. |
| ComboboxOptions | Combobox configuration options |
| ContextualElementDefinition | Enables defining an element within the context of a design system. |
| CSSDisplayPropertyValue | Define all possible CSS display values. |
| DataGridCellTypes | The possible cell types. |
| DataGridRowTypes | The possible data grid row types |
| DayFormat | A type representing the different day formats |
| DerivedDesignTokenValue | A value that is derived. These values can depend on other s or arbitrary observable properties. |
| DesignTokenValue | The type that a can be set to. |
| DividerRole | The types for Divider roles |
| ElementDefinitionCallback | The callback type that is invoked when an element can be defined by a design system. |
| ElementDisambiguationCallback | The callback type that is invoked when two elements are trying to define themselves with the same name. |
| ElementDisambiguationResult | Represents the return values expected from an ElementDisambiguationCallback. |
| EndOptions | End configuration options |
| FlipperDirection | The types for the flipper direction options. |
| FlipperOptions | Flipper configuration options |
| FoundationElementTemplate | A foundation element template function. |
| GenerateHeaderOptions | The types for the data grid auto generated header options |
| HorizontalPosition | Defines the horizontal positioning options for an anchored region |
| HorizontalScrollOptions | Horizontal scroll configuration options |
| HorizontalScrollView | The views types for a horizontal-scroll HorizontalScroll |
| Injectable | A class that declares constructor injected dependencies through a static "inject" field array of keys. |
| InterfaceSymbol | A constant key that can be used to represent an interface to a registered dependency. The key can be used in DI registrations but also doubles as a decorator for resolving the associated, registered dependency. |
| Key | A key that is used to register dependencies with a dependency injection container. |
| ListboxOptionOptions | Listbox option configuration options |
| MediaQueryListListener | An event listener fired by a MediaQueryList. |
| menuConfigs | (BETA) Defines the vertical positioning options for an anchored region |
| MenuItemColumnCount | Types of menu item column count. |
| MenuItemOptions | Menu Item configuration options |
| MenuItemRole | The types for menu item roles |
| MonthFormat | A type representing the different month formats |
| MonthInfo | Information about a month |
| NumberFieldOptions | Number Field configuration options |
| OverrideFoundationElementDefinition | A set of properties which the component consumer can override during the element registration process. |
| ParentLocator | A function capable of locating the parent container based on a container's owner. |
| ProgressOptions | Progress configuration options |
| ProgressRingOptions | ProgressRing configuration options |
| RadioControl | A structure representing a Radio element |
| RadioOptions | Radio configuration options |
| RegisterSelf | Represents an object that can register itself. |
| ResolveCallback | Represents a custom callback for resolving a request from the container. The handler is the container that is invoking the callback. The requestor is the original container that made the request. The handler and the requestor may not be the same if the request has bubbled up to a parent container in the DI hierarchy. The resolver is the instance of the resolver that stores the callback. This is provided in case the callback needs a place or key against which to store state across resolutions. |
| Resolved | Represents something resolved from a service locator. |
| ScrollEasing | The easing types available for the horizontal-scroll HorizontalScroll |
| SearchOptions | Search configuration options |
| SelectOptions | Select configuration options |
| SelectPosition | Types for positioning the select element listbox when open |
| SkeletonShape | A structure representing skeleton shapes |
| SliderMode | The types for the selection mode of the slider |
| SliderOptions | Slider configuration options |
| StartEndOptions | Start/End configuration options |
| StartOptions | Start configuration options |
| StaticDesignTokenValue | A design token value with no observable dependencies |
| SwitchOptions | Switch configuration options |
| TabsOptions | Tabs option configuration options |
| TabsOrientation | The types for the Tabs component |
| TextAreaResize | Types for the Text Area resize mode |
| TextFieldOptions | Text field configuration options |
| TextFieldType | Types for the text field sub-types |
| ToolbarOptions | Toolbar configuration options |
| TooltipPosition | The possible tooltip positions |
| Transformer_2 | Transforms an object after it is created but before it is returned to the requestor. |
| TreeItemOptions | Tree Item configuration options |
| VerticalPosition | Defines the vertical positioning options for an anchored region |
| WeekdayFormat | A type representing the different weekday formats |
| YearFormat | A type representing the different year formats |