Skip to main content

fast-components

Classes

ClassDescription
AnchorBase class for Anchor
AvatarThe FAST Avatar Class
ComboboxBase class for Combobox.
DirectionalStyleSheetBehaviorBehavior to conditionally apply LTR and RTL stylesheets. To determine which to apply, the behavior will use the nearest DesignSystemProvider's 'direction' design system value.
ListboxBase class for Listbox.
Menu
PickerMenu
SelectBase class for Select.

Functions

FunctionDescription
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

InterfaceDescription
ColorRecipe
InteractiveColorRecipe
InteractiveSwatchSet
PaletteA collection of Swatch instances
Recipe
SwatchRepresents a color in a Palette
SwatchRGB

Variables

VariableDescription
accentColor
accentFillActive
accentFillActiveDelta
accentFillFocus
accentFillFocusDelta
accentFillHover
accentFillHoverDelta
accentFillRecipe
accentFillRest
accentFillRestDelta
accentForegroundActive
accentForegroundActiveDelta
accentForegroundFocus
accentForegroundFocusDelta
accentForegroundHover
accentForegroundHoverDelta
accentForegroundRecipe
accentForegroundRest
accentForegroundRestDelta
accentPalette
accordionItemStylesStyles for AccordionItem
accordionStylesStyles for Accordion
ActionsStylesStyles used for the flipper container and gradient fade actions
allComponentsAll Web Components
anchoredRegionStylesStyles for AnchoredRegion
anchorStylesStyles for Anchor
avatarStylesStyles for Avatar
badgeStylesStyles for Badge
baseHeightMultiplier
baseHorizontalSpacingMultiplier
baseLayerLuminance
bodyFont
breadcrumbItemStylesStyles for Breadcrumb item
breadcrumbStylesStyles for Breadcrumb
buttonStylesStyles for Button
CalendarStylesStyles for Calendar
cardStylesStyles for Card
checkboxStylesStyles for Checkbox
comboboxStylesStyles for Combobox
controlCornerRadius
dataGridCellStylesStyles for Data Grid cell
dataGridRowStylesStyles for Data Grid row
dataGridStylesStyles for Data Grid
density
designSystemProviderStylesStyles for DesignSystemProvider.
designSystemProviderTemplateTemplate for DesignSystemProvider.
designUnit
dialogStylesStyles for Dialog
direction
disabledOpacity
disclosureStylesStyles for Disclosure
dividerStylesStyles for Divider
fastAccordionA function that returns a Accordion registration for configuring the component with a DesignSystem. Implements accordionTemplate
fastAccordionItemA function that returns a AccordionItem registration for configuring the component with a DesignSystem. Implements accordionItemTemplate
fastAnchorA 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
fastAvatarA function that returns a Avatar registration for configuring the component with a DesignSystem. avatarTemplate
fastBadgeA function that returns a Badge registration for configuring the component with a DesignSystem. Implements badgeTemplate
fastBreadcrumbA function that returns a Breadcrumb registration for configuring the component with a DesignSystem. Implements breadcrumbTemplate
fastBreadcrumbItemA function that returns a BreadcrumbItem registration for configuring the component with a DesignSystem. Implements breadcrumbItemTemplate
fastButtonA function that returns a Button registration for configuring the component with a DesignSystem. Implements buttonTemplate
fastCalendarThe FAST Calendar Element. Implements Calendar, calendarTemplate
fastCardA function that returns a Card registration for configuring the component with a DesignSystem. Implements cardTemplate
fastCheckboxA function that returns a Checkbox registration for configuring the component with a DesignSystem. Implements checkboxTemplate
fastComboboxA function that returns a Combobox registration for configuring the component with a DesignSystem. Implements comboboxTemplate
fastDataGridA function that returns a DataGrid registration for configuring the component with a DesignSystem.
fastDataGridCellA function that returns a DataGridCell registration for configuring the component with a DesignSystem.
fastDataGridRowA function that returns a DataGridRow registration for configuring the component with a DesignSystem.
fastDesignSystemProviderA function that returns a registration for configuring the component with a DesignSystem.
fastDialogA function that returns a Dialog registration for configuring the component with a DesignSystem. Implements dialogTemplate
fastDisclosureA function that returns a Disclosure registration for configuring the component with a DesignSystem. Implements disclosureTemplate
fastDividerA function that returns a Divider registration for configuring the component with a DesignSystem. Implements dividerTemplate
fastFlipperA function that returns a Flipper registration for configuring the component with a DesignSystem. Implements flipperTemplate
fastHorizontalScrollA function that returns a HorizontalScroll registration for configuring the component with a DesignSystem. Implements horizontalScrollTemplate
fastListboxA function that returns a ListboxElement registration for configuring the component with a DesignSystem. Implements listboxTemplate
fastMenuA function that returns a Menu registration for configuring the component with a DesignSystem. Implements menuTemplate
fastMenuItemA function that returns a MenuItem registration for configuring the component with a DesignSystem. Implements menuItemTemplate
fastNumberFieldA function that returns a NumberField registration for configuring the component with a DesignSystem. Implements numberFieldTemplate
fastOptionA function that returns a ListboxOption registration for configuring the component with a DesignSystem. Implements listboxOptionTemplate
fastProgressA function that returns a BaseProgress registration for configuring the component with a DesignSystem. Implements progressTemplate
fastProgressRingA function that returns a BaseProgress registration for configuring the component with a DesignSystem. Implements progressRingTemplate
fastRadioA function that returns a Radio registration for configuring the component with a DesignSystem. Implements radioTemplate
fastRadioGroupA function that returns a RadioGroup registration for configuring the component with a DesignSystem. Implements radioGroupTemplate
fastSearchA function that returns a Search registration for configuring the component with a DesignSystem. Implements searchTemplate
fastSelectA function that returns a Select registration for configuring the component with a DesignSystem. Implements selectTemplate
fastSkeletonA function that returns a Skeleton registration for configuring the component with a DesignSystem. Implements skeletonTemplate
fastSliderA function that returns a Slider registration for configuring the component with a DesignSystem. Implements sliderTemplate
fastSliderLabelA function that returns a SliderLabel registration for configuring the component with a DesignSystem. Implements sliderLabelTemplate
fastSwitchA function that returns a Switch registration for configuring the component with a DesignSystem. Implements switchTemplate
fastTabA function that returns a Tab registration for configuring the component with a DesignSystem. Implements tabTemplate
fastTabPanelA function that returns a TabPanel registration for configuring the component with a DesignSystem. Implements tabPanelTemplate
fastTabsA function that returns a Tabs registration for configuring the component with a DesignSystem. Implements tabsTemplate
fastTextAreaA function that returns a TextArea registration for configuring the component with a DesignSystem. Implements textAreaTemplate
fastTextFieldA function that returns a TextField registration for configuring the component with a DesignSystem. Implements textFieldTemplate
fastToolbarA function that returns a Toolbar registration for configuring the component with a DesignSystem. Implements toolbarTemplate
fastTooltipA function that returns a Tooltip registration for configuring the component with a DesignSystem. Implements tooltipTemplate
fastTreeItemA function that returns a TreeItem registration for configuring the component with a DesignSystem. Implements treeItemTemplate
fastTreeViewA function that returns a TreeView registration for configuring the component with a DesignSystem. Implements treeViewTemplate
fillColor
flipperStylesStyles for Flipper
focusStrokeInner
focusStrokeInnerRecipe
focusStrokeOuter
focusStrokeOuterRecipe
focusStrokeWidth
foregroundOnAccentActive
foregroundOnAccentActiveLarge
foregroundOnAccentFocus
foregroundOnAccentFocusLarge
foregroundOnAccentHover
foregroundOnAccentHoverLarge
foregroundOnAccentLargeRecipe
foregroundOnAccentRecipe
foregroundOnAccentRest
foregroundOnAccentRestLarge
heightNumberAsTokenThe control height formula expressed as a design token. This token does not provide a CSS custom property.
horizontalScrollStylesHorizontal Scroll styles
horizontalSliderLabelStylesStyles for Horizontal Slider label
imgTemplateThe FAST Avatar Template for Images
listboxStylesStyles for Listbox
menuItemStylesStyles for Menu item
menuStylesStyles 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
numberFieldStylesStyles for Number Field
optionStylesStyles for the Listbox Option component.
PaletteRGB
pickerListItemStylesStyles for Picker list item
pickerMenuOptionStylesStyles for Picker menu option
pickerMenuStylesStyles for Picker menu
pickerStylesStyles for Picker
progressRingStylesStyles for Progress Ring
progressStylesStyles for Progress
radioGroupStylesStyles for Radio Group
radioStylesStyles for Radio
searchStylesStyles for Search
selectStylesStyles for Select.
skeletonStylesStyles for Skeleton
sliderLabelStylesStyles for Slider Label
sliderStylesStyles for Slider
StandardLuminanceRecommended values for light and dark mode for baseLayerLuminance.
strokeWidth
SwatchRGB
switchStylesStyles for Switch
tabPanelStylesStyles for Tab Panel
tabsStylesStyles for Tabs
tabStylesStyles for Tab
textAreaStylesStyles for Text Area
textFieldStylesStyles for Text Field
toolbarStylesStyles for the Toolbar
tooltipStylesStyles for Tooltip
treeItemStylesStyles for Tree Item
treeViewStylesStyles for Tree View
typeRampBaseFontSize
typeRampBaseLineHeight
typeRampMinus1FontSize
typeRampMinus1LineHeight
typeRampMinus2FontSize
typeRampMinus2LineHeight
typeRampPlus1FontSize
typeRampPlus1LineHeight
typeRampPlus2FontSize
typeRampPlus2LineHeight
typeRampPlus3FontSize
typeRampPlus3LineHeight
typeRampPlus4FontSize
typeRampPlus4LineHeight
typeRampPlus5FontSize
typeRampPlus5LineHeight
typeRampPlus6FontSize
typeRampPlus6LineHeight
verticalSliderLabelStylesStyles for Vertical slider label

Type Aliases

Type AliasDescription
AnchorAppearanceTypes of anchor appearance.
ButtonAppearanceTypes of button appearance.
DisclosureAppearanceTypes of anchor appearance.
NumberFieldAppearanceNumber field appearances
PaletteRGB
SearchAppearanceSearch appearances
StandardLuminanceTypes of recommended values for light and dark mode for baseLayerLuminance.
TextAreaAppearanceText area appearances
TextFieldAppearanceText field appearances