fast-components

Classes

ClassDescription
FASTAccordionThe FAST Accordion Element. Implements Accordion, AccordionTemplate
FASTAccordionItemThe FAST Accordion Item Element. Implements AccordionItem, AccordionItemTemplate
FASTAnchorThe FAST Anchor Element. Implements Anchor, AnchorTemplate
FASTBadgeThe FAST Badge Element. Implements Badge, BadgeTemplate
FASTButtonThe FAST Button Element. Implements Button, ButtonTemplate
FASTCardThe FAST Card Element. Implements Card, CardTemplate
FASTCheckboxThe FAST Checkbox Element. Implements Checkbox, CheckboxTemplate
FASTDesignSystemProviderThe FAST DesignSystemProvider Element. Implements DesignSystemProvider, DesignSystemProviderTemplate and FASTDesignSystem
FASTDialogThe FAST Dialog Element. Implements Dialog, DialogTemplate
FASTDividerThe FAST Divider Element. Implements Divider, DividerTemplate
FASTFlipperThe FAST Flipper Element. Implements Flipper, FlipperTemplate
FASTMenuThe FAST Menu Element. Implements Menu, MenuTemplate
FASTMenuItemThe FAST Menu Item Element. Implements MenuItem, MenuItemTemplate
FASTProgressThe FAST Progress Element. Implements BaseProgress, ProgressTemplate
FASTProgressRingThe FAST Progress Ring Element. Implements BaseProgress, ProgressRingTemplate
FASTRadioThe FAST Radio Element. Implements Radio, RadioTemplate
FASTRadioGroupThe FAST Radio Group Element. Implements RadioGroup, RadioGroupTemplate
FASTSkeletonThe FAST Skeleton Element. Implements Skeleton, SkeletonTemplate
FASTSliderThe FAST Slider Custom Element. Implements Slider, SliderTemplate
FASTSliderLabelThe FAST Slider Label Custom Element. Implements SliderLabel, SliderLabelTemplate
FASTSwitchThe FAST Switch Custom Element. Implements Switch, SwitchTemplate
FASTTabThe FAST Tab Custom Element. Implements Tab, TabTemplate
FASTTabPanelThe FAST Tab Panel Custom Element. Implements TabPanel, TabPanelTemplate
FASTTabsThe FAST Tabs Custom Element. Implements Tabs, TabsTemplate
FASTTextAreaThe FAST Text Area Custom Element. Implements TextArea, TextAreaTemplate
FASTTextFieldThe FAST Text Field Custom Element. Implements TextField, TextFieldTemplate
FASTTooltipThe FAST Tooltip Custom Element. Implements Tooltip, TooltipTemplate
FASTTreeItemThe FAST tree item Custom Element. Implements, TreeItem TreeItemTemplate
FASTTreeViewThe FAST tree view Custom Element. Implements, TreeView TreeViewTemplate

Enumerations

EnumerationDescription
PaletteTypeThe named palettes of the MSFT design system
StandardLuminanceRecommended values for light and dark mode for FASTDesignSystem.baseLayerLuminance.

Functions

FunctionDescription
createColorPalette(baseColor)Creates a color palette from a provided source color
isDarkMode(designSystem)Determines if the design-system should be considered in "dark mode".

Interfaces

InterfaceDescription
FASTDesignSystemDefines the properties in the FAST Design System

Variables

VariableDescription
accentFillActiveBehaviorBehavior to resolve and make available the accent-fill-active CSS custom property.
accentFillFocusBehaviorBehavior to resolve and make available the accent-fill-focus CSS custom property.
accentFillHoverBehaviorBehavior to resolve and make available the accent-fill-hover CSS custom property.
accentFillLargeActiveBehaviorBehavior to resolve and make available the accent-fill-large-active CSS custom property.
accentFillLargeFocusBehaviorBehavior to resolve and make available the accent-fill-large-focus CSS custom property.
accentFillLargeHoverBehaviorBehavior to resolve and make available the accent-fill-large-hover CSS custom property.
accentFillLargeRestBehaviorBehavior to resolve and make available the accent-fill-large-rest CSS custom property.
accentFillLargeSelectedBehaviorBehavior to resolve and make available the accent-fill-large-selected CSS custom property.
accentFillRestBehaviorBehavior to resolve and make available the accent-fill-rest CSS custom property.
accentFillSelectedBehaviorBehavior to resolve and make available the accent-fill-selected CSS custom property.
accentForegroundActiveBehaviorBehavior to resolve and make available the accent-foreground-active CSS custom property.
accentForegroundCutRestBehaviorBehavior to resolve and make available the accent-foreground-cut-rest CSS custom property.
accentForegroundFocusBehaviorBehavior to resolve and make available the accent-foreground-focus CSS custom property.
accentForegroundHoverBehaviorBehavior to resolve and make available the accent-foreground-hover CSS custom property.
accentForegroundLargeActiveBehaviorBehavior to resolve and make available the accent-foreground-large-active CSS custom property.
accentForegroundLargeFocusBehaviorBehavior to resolve and make available the accent-foreground-large-focus CSS custom property.
accentForegroundLargeHoverBehaviorBehavior to resolve and make available the accent-foreground-large-hover CSS custom property.
accentForegroundLargeRestBehaviorBehavior to resolve and make available the accent-foreground-large-rest CSS custom property.
accentForegroundRestBehaviorBehavior to resolve and make available the accent-foreground-rest CSS custom property.
AccordionItemStylesStyles for AccordionItem
AccordionStylesStyles for Accordion
AnchorStylesStyles for Anchor
BadgeStylesStyles for Badge
ButtonStylesStyles for Button
CardStylesStyles for Card
CheckboxStylesStyles for Checkbox
DialogStylesStyles for Dialog
DividerStylesStyles for Divider
fastDesignSystemDefaultsThe default values for FASTDesignSystem
FlipperStylesStyles for Flipper
inlineEndBehaviorBehavior to resolve and make available the inline-end CSS custom property.
inlineStartBehaviorBehavior to resolve and make available the inline-start CSS custom property.
MenuItemStylesStyles for MenuItem
MenuStylesStyles for Menu
neutralDividerRestBehaviorBehavior to resolve and make available the neutral-divider-rest CSS custom property.
neutralFillActiveBehaviorBehavior to resolve and make available the neutral-fill-active CSS custom property.
neutralFillCardRestBehaviorBehavior to resolve and make available the neutral-fill-card-rest CSS custom property.
neutralFillFocusBehaviorBehavior to resolve and make available the neutral-fill-focus CSS custom property.
neutralFillHoverBehaviorBehavior to resolve and make available the neutral-fill-hover CSS custom property.
neutralFillInputActiveBehaviorBehavior to resolve and make available the neutral-fill-input-active CSS custom property.
neutralFillInputFocusBehaviorBehavior to resolve and make available the neutral-fill-input-focus CSS custom property.
neutralFillInputHoverBehaviorBehavior to resolve and make available the neutral-fill-input-hover CSS custom property.
neutralFillInputRestBehaviorBehavior to resolve and make available the neutral-fill-input-rest CSS custom property.
neutralFillInputSelectedBehaviorBehavior to resolve and make available the neutral-fill-input-selected CSS custom property.
neutralFillRestBehaviorBehavior to resolve and make available the neutral-fill-rest CSS custom property.
neutralFillSelectedBehaviorBehavior to resolve and make available the neutral-fill-selected CSS custom property.
neutralFillStealthActiveBehaviorBehavior to resolve and make available the neutral-fill-stealth-active CSS custom property.
neutralFillStealthFocusBehaviorBehavior to resolve and make available the neutral-fill-stealth-focus CSS custom property.
neutralFillStealthHoverBehaviorBehavior to resolve and make available the neutral-fill-stealth-hover CSS custom property.
neutralFillStealthRestBehaviorBehavior to resolve and make available the neutral-fill-stealth-rest CSS custom property.
neutralFillStealthSelectedBehaviorBehavior to resolve and make available the neutral-fill-stealth-selected CSS custom property.
neutralFillToggleActiveBehaviorBehavior to resolve and make available the neutral-fill-toggle-active CSS custom property.
neutralFillToggleFocusBehaviorBehavior to resolve and make available the neutral-fill-toggle-focus CSS custom property.
neutralFillToggleHoverBehaviorBehavior to resolve and make available the neutral-fill-toggle-hover CSS custom property.
neutralFillToggleRestBehaviorBehavior to resolve and make available the neutral-fill-toggle-rest CSS custom property.
neutralFocusBehaviorBehavior to resolve and make available the neutral-focus CSS custom property.
neutralFocusInnerAccentBehaviorBehavior to resolve and make available the neutral-focus-inner-accent CSS custom property.
neutralForegroundActiveBehaviorBehavior to resolve and make available the neutral-foreground-active CSS custom property.
neutralForegroundFocusBehaviorBehavior to resolve and make available the neutral-foreground-focus CSS custom property.
neutralForegroundHintBehaviorBehavior to resolve and make available the neutral-foreground-hint CSS custom property.
neutralForegroundHintLargeBehaviorBehavior to resolve and make available the neutral-foreground-hint-large CSS custom property.
neutralForegroundHoverBehaviorBehavior to resolve and make available the neutral-foreground-hover CSS custom property.
neutralForegroundRestBehaviorBehavior to resolve and make available the neutral-foreground-rest CSS custom property.
neutralForegroundToggleBehaviorBehavior to resolve and make available the neutral-foreground-toggle CSS custom property.
neutralForegroundToggleLargeBehaviorBehavior to resolve and make available the neutral-foreground-toggle-large CSS custom property.
neutralLayerCardBehaviorBehavior to resolve and make available the neutral-layer-card CSS custom property.
neutralLayerCardContainerBehaviorBehavior to resolve and make available the neutral-layer-card-container CSS custom property.
neutralLayerFloatingBehaviorBehavior to resolve and make available the neutral-layer-floating CSS custom property.
neutralLayerL1AltBehaviorBehavior to resolve and make available the neutral-layer-l1-alt CSS custom property.
neutralLayerL1BehaviorBehavior to resolve and make available the neutral-layer-l1 CSS custom property.
neutralLayerL2BehaviorBehavior to resolve and make available the neutral-layer-l2 CSS custom property.
neutralLayerL3BehaviorBehavior to resolve and make available the neutral-layer-l3 CSS custom property.
neutralLayerL4BehaviorBehavior to resolve and make available the neutral-layer-l4 CSS custom property.
neutralOutlineActiveBehaviorBehavior to resolve and make available the neutral-outline-active CSS custom property.
neutralOutlineFocusBehaviorBehavior to resolve and make available the neutral-outline-focus CSS custom property.
neutralOutlineHoverBehaviorBehavior to resolve and make available the neutral-outline-hover CSS custom property.
neutralOutlineRestBehaviorBehavior to resolve and make available the neutral-outline-rest CSS custom property.
parseColorStringConverts a color string into a ColorRGBA64 instance. Supports #RRGGBB and rgb(r, g, b) formats
ProgressRingStylesStyles for ProgressRing
ProgressStylesStyles for Progress
RadioGroupStylesStyles for RadioGroup
RadioStylesStyles for Radio
SkeletonStylesStyles for Skeleton
SliderLabelStylesStyles for SliderLabel
SliderStylesStyles for Slider
SwitchStylesStyles for Switch
TabPanelStylesStyles for TabPanel
TabsStylesStyles for Tabs
TabStylesStyles for Tab
TextAreaStylesStyles for TextArea
TextFieldStylesStyles for TextField
TreeItemStylesStyles for TreeItem
TreeViewStylesStyles for TreeView

Type Aliases

Type AliasDescription
AnchorAppearanceTypes of anchor appearance.
ButtonAppearanceTypes of button appearance.
PaletteThe structure of a color palette
TextAreaAppearanceText area appearances
TextFieldAppearanceText field appearances