Classes

Class Description
Anchor Base class for Anchor
Avatar The FAST Avatar Class
Combobox Base class for Combobox.
DirectionalStyleSheetBehavior Behavior to conditionally apply LTR and RTL stylesheets. To determine which to apply, the behavior will use the nearest DesignSystemProvider's 'direction' design system value.
Listbox Base class for Listbox.
Menu
PickerMenu
Select Base class for Select.

Functions

Function Description
isDark(color) Determines if a color should be considered Dark Mode
provideFASTDesignSystem(element) Provides a design system for the specified element either by returning one that was already created for that element or creating one.

Interfaces

Interface Description
ColorRecipe
InteractiveColorRecipe
InteractiveSwatchSet
Palette A collection of Swatch instances
Recipe
Swatch Represents a color in a Palette
SwatchRGB

Variables

Variable Description
accentColor
accentFillActive
accentFillActiveDelta
accentFillFocus
accentFillFocusDelta
accentFillHover
accentFillHoverDelta
accentFillRecipe
accentFillRest
accentFillRestDelta
accentForegroundActive
accentForegroundActiveDelta
accentForegroundFocus
accentForegroundFocusDelta
accentForegroundHover
accentForegroundHoverDelta
accentForegroundRecipe
accentForegroundRest
accentForegroundRestDelta
accentPalette
accordionItemStyles Styles for AccordionItem
accordionStyles Styles for Accordion
ActionsStyles Styles used for the flipper container and gradient fade actions
allComponents All Web Components
anchoredRegionStyles Styles for AnchoredRegion
anchorStyles Styles for Anchor
avatarStyles Styles for Avatar
badgeStyles Styles for Badge
baseHeightMultiplier
baseHorizontalSpacingMultiplier
baseLayerLuminance
bodyFont
breadcrumbItemStyles Styles for Breadcrumb item
breadcrumbStyles Styles for Breadcrumb
buttonStyles Styles for Button
CalendarStyles Styles for Calendar
cardStyles Styles for Card
checkboxStyles Styles for Checkbox
comboboxStyles Styles for Combobox
controlCornerRadius
dataGridCellStyles Styles for Data Grid cell
dataGridRowStyles Styles for Data Grid row
dataGridStyles Styles for Data Grid
density
designSystemProviderStyles Styles for DesignSystemProvider.
designSystemProviderTemplate Template for DesignSystemProvider.
designUnit
dialogStyles Styles for Dialog
direction
disabledOpacity
disclosureStyles Styles for Disclosure
dividerStyles Styles for Divider
fastAccordion A function that returns a Accordion registration for configuring the component with a DesignSystem. Implements accordionTemplate
fastAccordionItem A function that returns a AccordionItem registration for configuring the component with a DesignSystem. Implements accordionItemTemplate
fastAnchor A function that returns a Anchor registration for configuring the component with a DesignSystem. Implements anchorTemplate
fastAnchoredRegion (BETA) A function that returns a AnchoredRegion registration for configuring the component with a DesignSystem. Implements anchoredRegionTemplate
fastAvatar A function that returns a Avatar registration for configuring the component with a DesignSystem. avatarTemplate
fastBadge A function that returns a Badge registration for configuring the component with a DesignSystem. Implements badgeTemplate
fastBreadcrumb A function that returns a Breadcrumb registration for configuring the component with a DesignSystem. Implements breadcrumbTemplate
fastBreadcrumbItem A function that returns a BreadcrumbItem registration for configuring the component with a DesignSystem. Implements breadcrumbItemTemplate
fastButton A function that returns a Button registration for configuring the component with a DesignSystem. Implements buttonTemplate
fastCalendar The FAST Calendar Element. Implements Calendar, calendarTemplate
fastCard A function that returns a Card registration for configuring the component with a DesignSystem. Implements cardTemplate
fastCheckbox A function that returns a Checkbox registration for configuring the component with a DesignSystem. Implements checkboxTemplate
fastCombobox A function that returns a Combobox registration for configuring the component with a DesignSystem. Implements comboboxTemplate
fastDataGrid A function that returns a DataGrid registration for configuring the component with a DesignSystem.
fastDataGridCell A function that returns a DataGridCell registration for configuring the component with a DesignSystem.
fastDataGridRow A function that returns a DataGridRow registration for configuring the component with a DesignSystem.
fastDesignSystemProvider A function that returns a registration for configuring the component with a DesignSystem.
fastDialog A function that returns a Dialog registration for configuring the component with a DesignSystem. Implements dialogTemplate
fastDisclosure A function that returns a Disclosure registration for configuring the component with a DesignSystem. Implements disclosureTemplate
fastDivider A function that returns a Divider registration for configuring the component with a DesignSystem. Implements dividerTemplate
fastFlipper A function that returns a Flipper registration for configuring the component with a DesignSystem. Implements flipperTemplate
fastHorizontalScroll A function that returns a HorizontalScroll registration for configuring the component with a DesignSystem. Implements horizontalScrollTemplate
fastListbox A function that returns a ListboxElement registration for configuring the component with a DesignSystem. Implements listboxTemplate
fastMenu A function that returns a Menu registration for configuring the component with a DesignSystem. Implements menuTemplate
fastMenuItem A function that returns a MenuItem registration for configuring the component with a DesignSystem. Implements menuItemTemplate
fastNumberField A function that returns a NumberField registration for configuring the component with a DesignSystem. Implements numberFieldTemplate
fastOption A function that returns a ListboxOption registration for configuring the component with a DesignSystem. Implements listboxOptionTemplate
fastProgress A function that returns a BaseProgress registration for configuring the component with a DesignSystem. Implements progressTemplate
fastProgressRing A function that returns a BaseProgress registration for configuring the component with a DesignSystem. Implements progressRingTemplate
fastRadio A function that returns a Radio registration for configuring the component with a DesignSystem. Implements radioTemplate
fastRadioGroup A function that returns a RadioGroup registration for configuring the component with a DesignSystem. Implements radioGroupTemplate
fastSearch A function that returns a Search registration for configuring the component with a DesignSystem. Implements searchTemplate
fastSelect A function that returns a Select registration for configuring the component with a DesignSystem. Implements selectTemplate
fastSkeleton A function that returns a Skeleton registration for configuring the component with a DesignSystem. Implements skeletonTemplate
fastSlider A function that returns a Slider registration for configuring the component with a DesignSystem. Implements sliderTemplate
fastSliderLabel A function that returns a SliderLabel registration for configuring the component with a DesignSystem. Implements sliderLabelTemplate
fastSwitch A function that returns a Switch registration for configuring the component with a DesignSystem. Implements switchTemplate
fastTab A function that returns a Tab registration for configuring the component with a DesignSystem. Implements tabTemplate
fastTabPanel A function that returns a TabPanel registration for configuring the component with a DesignSystem. Implements tabPanelTemplate
fastTabs A function that returns a Tabs registration for configuring the component with a DesignSystem. Implements tabsTemplate
fastTextArea A function that returns a TextArea registration for configuring the component with a DesignSystem. Implements textAreaTemplate
fastTextField A function that returns a TextField registration for configuring the component with a DesignSystem. Implements textFieldTemplate
fastToolbar A function that returns a Toolbar registration for configuring the component with a DesignSystem. Implements toolbarTemplate
fastTooltip A function that returns a Tooltip registration for configuring the component with a DesignSystem. Implements tooltipTemplate
fastTreeItem A function that returns a TreeItem registration for configuring the component with a DesignSystem. Implements treeItemTemplate
fastTreeView A function that returns a TreeView registration for configuring the component with a DesignSystem. Implements treeViewTemplate
fillColor
flipperStyles Styles for Flipper
focusStrokeInner
focusStrokeInnerRecipe
focusStrokeOuter
focusStrokeOuterRecipe
focusStrokeWidth
foregroundOnAccentActive
foregroundOnAccentActiveLarge
foregroundOnAccentFocus
foregroundOnAccentFocusLarge
foregroundOnAccentHover
foregroundOnAccentHoverLarge
foregroundOnAccentLargeRecipe
foregroundOnAccentRecipe
foregroundOnAccentRest
foregroundOnAccentRestLarge
heightNumberAsToken The control height formula expressed as a design token. This token does not provide a CSS custom property.
horizontalScrollStyles Horizontal Scroll styles
horizontalSliderLabelStyles Styles for Horizontal Slider label
imgTemplate The FAST Avatar Template for Images
listboxStyles Styles for Listbox
menuItemStyles Styles for Menu item
menuStyles Styles for Menu
neutralColor
neutralFillActive
neutralFillActiveDelta
neutralFillFocus
neutralFillFocusDelta
neutralFillHover
neutralFillHoverDelta
neutralFillInputActive
neutralFillInputActiveDelta
neutralFillInputFocus
neutralFillInputFocusDelta
neutralFillInputHover
neutralFillInputHoverDelta
neutralFillInputRecipe
neutralFillInputRest
neutralFillInputRestDelta
neutralFillLayerRecipe
neutralFillLayerRest
neutralFillLayerRestDelta
neutralFillRecipe
neutralFillRest
neutralFillRestDelta
neutralFillStealthActive
neutralFillStealthActiveDelta
neutralFillStealthFocus
neutralFillStealthFocusDelta
neutralFillStealthHover
neutralFillStealthHoverDelta
neutralFillStealthRecipe
neutralFillStealthRest
neutralFillStealthRestDelta
neutralFillStrongActive
neutralFillStrongActiveDelta
neutralFillStrongFocus
neutralFillStrongFocusDelta
neutralFillStrongHover
neutralFillStrongHoverDelta
neutralFillStrongRecipe
neutralFillStrongRest
neutralFillStrongRestDelta
neutralForegroundHint
neutralForegroundHintRecipe
neutralForegroundRecipe
neutralForegroundRest
neutralLayer1
neutralLayer1Recipe
neutralLayer2
neutralLayer2Recipe
neutralLayer3
neutralLayer3Recipe
neutralLayer4
neutralLayer4Recipe
neutralLayerCardContainer
neutralLayerCardContainerRecipe
neutralLayerFloating
neutralLayerFloatingRecipe
neutralPalette
neutralStrokeActive
neutralStrokeActiveDelta
neutralStrokeDividerRecipe
neutralStrokeDividerRest
neutralStrokeDividerRestDelta
neutralStrokeFocus
neutralStrokeFocusDelta
neutralStrokeHover
neutralStrokeHoverDelta
neutralStrokeRecipe
neutralStrokeRest
neutralStrokeRestDelta
numberFieldStyles Styles for Number Field
optionStyles Styles for the Listbox Option component.
PaletteRGB
pickerListItemStyles Styles for Picker list item
pickerMenuOptionStyles Styles for Picker menu option
pickerMenuStyles Styles for Picker menu
pickerStyles Styles for Picker
progressRingStyles Styles for Progress Ring
progressStyles Styles for Progress
radioGroupStyles Styles for Radio Group
radioStyles Styles for Radio
searchStyles Styles for Search
selectStyles Styles for Select.
skeletonStyles Styles for Skeleton
sliderLabelStyles Styles for Slider Label
sliderStyles Styles for Slider
StandardLuminance Recommended values for light and dark mode for baseLayerLuminance.
strokeWidth
SwatchRGB
switchStyles Styles for Switch
tabPanelStyles Styles for Tab Panel
tabsStyles Styles for Tabs
tabStyles Styles for Tab
textAreaStyles Styles for Text Area
textFieldStyles Styles for Text Field
toolbarStyles Styles for the Toolbar
tooltipStyles Styles for Tooltip
treeItemStyles Styles for Tree Item
treeViewStyles Styles for Tree View
typeRampBaseFontSize
typeRampBaseLineHeight
typeRampMinus1FontSize
typeRampMinus1LineHeight
typeRampMinus2FontSize
typeRampMinus2LineHeight
typeRampPlus1FontSize
typeRampPlus1LineHeight
typeRampPlus2FontSize
typeRampPlus2LineHeight
typeRampPlus3FontSize
typeRampPlus3LineHeight
typeRampPlus4FontSize
typeRampPlus4LineHeight
typeRampPlus5FontSize
typeRampPlus5LineHeight
typeRampPlus6FontSize
typeRampPlus6LineHeight
verticalSliderLabelStyles Styles for Vertical slider label

Type Aliases

Type Alias Description
AnchorAppearance Types of anchor appearance.
ButtonAppearance Types of button appearance.
DisclosureAppearance Types of anchor appearance.
NumberFieldAppearance Number field appearances
PaletteRGB
SearchAppearance Search appearances
StandardLuminance Types of recommended values for light and dark mode for baseLayerLuminance.
TextAreaAppearance Text area appearances
TextFieldAppearance Text field appearances