@fluentui/react
- Version 8.68.2
- Published
- 32 MB
- 14 dependencies
- MIT license
Install
npm i @fluentui/react
yarn add @fluentui/react
pnpm add @fluentui/react
Overview
Reusable React components for building web experiences.
Index
Variables
- Announced
- Breadcrumb
- ButtonGrid
- Calendar
- Callout
- CalloutContent
- CalloutContentBase
- Check
- CHECK_CELL_WIDTH
- CheckBase
- Checkbox
- CheckboxBase
- ChoiceGroup
- ChoiceGroupBase
- ChoiceGroupOption
- Coachmark
- COACHMARK_ATTRIBUTE_NAME
- CoachmarkBase
- ColorPicker
- ColorPickerGridCell
- ColorPickerGridCellBase
- ComboBox
- CommandBar
- CommandButton
- CompactPeoplePicker
- ContextualMenu
- ContextualMenuBase
- ContextualMenuItem
- DATAKTP_ARIA_TARGET
- DATAKTP_EXECUTE_TARGET
- DATAKTP_TARGET
- DatePicker
- DatePickerBase
- DEFAULT_CELL_STYLE_PROPS
- DEFAULT_MASK_CHAR
- DEFAULT_ROW_HEIGHTS
- defaultCalendarNavigationIcons
- defaultCalendarStrings
- defaultDatePickerStrings
- defaultDayPickerStrings
- defaultWeeklyDayPickerNavigationIcons
- defaultWeeklyDayPickerStrings
- DetailsColumn
- DetailsHeader
- DetailsList
- DetailsRow
- DetailsRowCheck
- DetailsRowFields
- DetailsRowGlobalClassNames
- Dialog
- DialogContent
- DialogFooter
- DirectionalHint
- DocumentCard
- DocumentCardActions
- DocumentCardActivity
- DocumentCardDetails
- DocumentCardImage
- DocumentCardLocation
- DocumentCardLogo
- DocumentCardPreview
- DocumentCardStatus
- DocumentCardTitle
- Dropdown
- DropdownBase
- ExpandingCard
- Fabric
- FabricBase
- Facepile
- FocusTrapCallout
- FocusTrapZone
- FontIcon
- GroupedList
- GroupFooter
- GroupHeader
- GroupShowAll
- GroupSpacer
- HEADER_HEIGHT
- HEX_REGEX
- HoverCard
- Icon
- Image
- ImageBase
- ImageIcon
- KeytipData
- KeytipLayer
- KTP_ARIA_SEPARATOR
- KTP_FULL_PREFIX
- KTP_LAYER_ID
- KTP_PREFIX
- KTP_SEPARATOR
- Label
- Layer
- LayerBase
- LayerHost
- Link
- LinkBase
- ListPeoplePicker
- MarqueeSelection
- MaskedTextField
- MAX_COLOR_ALPHA
- MAX_COLOR_HUE
- MAX_COLOR_RGB
- MAX_COLOR_RGBA
- MAX_COLOR_SATURATION
- MAX_COLOR_VALUE
- MAX_HEX_LENGTH
- MAX_RGBA_LENGTH
- MeasuredContext
- MessageBar
- MessageBarBase
- MIN_HEX_LENGTH
- MIN_RGBA_LENGTH
- Modal
- ModalBase
- Nav
- NormalPeoplePicker
- OverflowSet
- OverflowSetBase
- Overlay
- Panel
- PeoplePickerItem
- PeoplePickerItemSuggestion
- Persona
- PersonaBase
- PersonaCoin
- PersonaCoinBase
- Pivot
- PivotBase
- PlainCard
- Popup
- PositioningContainer
- ProgressIndicator
- Rating
- RatingBase
- ResizeGroup
- ResizeGroupBase
- RGBA_REGEX
- ScrollablePane
- ScrollablePaneContext
- ScrollbarVisibility
- ScrollToMode
- SearchBox
- SearchBoxBase
- Separator
- SeparatorBase
- Shimmer
- ShimmerBase
- ShimmerCircle
- ShimmerCircleBase
- ShimmeredDetailsList
- ShimmerElementsGroup
- ShimmerElementsGroupBase
- ShimmerGap
- ShimmerGapBase
- ShimmerLine
- ShimmerLineBase
- sizeToPixels
- Slider
- SliderBase
- SpinButton
- Spinner
- Stack
- StackItem
- SwatchColorPicker
- SwatchColorPickerBase
- TagItem
- TagItemSuggestion
- TagPicker
- TeachingBubble
- TeachingBubbleBase
- TeachingBubbleContent
- TeachingBubbleContentBase
- Text
- TextField
- TextStyles
- TextView
- ThemeContext
- ThemeProvider
- TimePicker
- Toggle
- ToggleBase
- Tooltip
- TooltipHost
- VerticalDivider
- WeeklyDayPicker
Functions
- buildColumns()
- buildKeytipConfigMap()
- ButtonGridCell()
- canAnyMenuItemsCheck()
- clamp()
- cleanupDefaultLayerHost()
- constructKeytip()
- correctHex()
- correctHSV()
- correctRGB()
- createDefaultLayerHost()
- createGenericItem()
- createItem()
- cssColor()
- getAllSelectedOptions()
- getAriaDescribedBy()
- getBackgroundShade()
- getBoundsFromTargetWindow()
- getCellStyles()
- getColorFromHSV()
- getColorFromRGBA()
- getColorFromString()
- getContrastRatio()
- getDetailsColumnStyles()
- getDetailsHeaderStyles()
- getDetailsListStyles()
- getDetailsRowCheckStyles()
- getDetailsRowStyles()
- getFontIcon()
- getFullColorString()
- getIconContent()
- getInitialResponsiveMode()
- getMaxHeight()
- getMeasurementCache()
- getMenuItemStyles()
- getNextResizeGroupStateProvider()
- getOppositeEdge()
- getPersonaInitialsColor()
- getResponsiveMode()
- getShade()
- getShimmeredDetailsListStyles()
- getSplitButtonClassNames()
- getSubmenuItems()
- hsl2hsv()
- hsl2rgb()
- hsv2hex()
- hsv2hsl()
- hsv2rgb()
- initializeResponsiveMode()
- isDark()
- isRelativeUrl()
- isValidShade()
- ktpTargetFromId()
- ktpTargetFromSequences()
- makeStyles()
- mergeOverflows()
- PeoplePickerItemBase()
- PeoplePickerItemSuggestionBase()
- positionCallout()
- positionCard()
- positionElement()
- presenceBoolean()
- rgb2hex()
- rgb2hsv()
- sequencesToID()
- setResponsiveMode()
- sizeBoolean()
- TagItemBase()
- TagItemSuggestionBase()
- themeRulesStandardCreator()
- transitionKeysAreEqual()
- transitionKeysContain()
- updateA()
- updateH()
- updateRGB()
- updateSV()
- updateT()
- useHeightOffset()
- useKeytipRef()
- useResponsiveMode()
- useTheme()
- withResponsiveMode()
Classes
BaseExtendedPicker
- canAddItems()
- clearInput()
- componentDidMount()
- floatingPicker
- floatingPickerProps
- focus()
- highlightedItems
- input
- inputElement
- items
- onBackspace
- onCopy
- onInputChange
- onInputClick
- onInputFocus
- onPaste
- onSelectionChange
- render()
- renderFloatingPicker()
- renderSelectedItemsList()
- root
- selectedItemsList
- selectedItemsListProps
- selection
BaseFloatingPicker
- completeSuggestion
- componentDidMount()
- componentDidUpdate()
- componentWillUnmount()
- currentPromise
- currentSelectedSuggestionIndex
- forceResolveSuggestion()
- hidePicker
- inputText
- isComponentMounted
- isSuggestionsShown
- onChange()
- onKeyDown
- onQueryStringChanged
- onSelectionChange()
- onSuggestionClick
- onSuggestionRemove
- render()
- renderSuggestions()
- root
- selection
- showPicker
- suggestions
- suggestionsControl
- SuggestionsControlOfProperType
- suggestionStore
- updateSuggestions()
- updateSuggestionsList()
- updateSuggestionWithZeroState()
- updateValue()
BasePicker
- addItem
- addItemByIndex
- canAddItems()
- completeSelection
- completeSuggestion()
- componentDidMount()
- componentDidUpdate()
- componentWillUnmount()
- currentPromise
- dismissSuggestions
- focus()
- focusInput()
- getActiveDescendant()
- getDerivedStateFromProps()
- getSuggestionsAlert()
- input
- items
- onBackspace()
- onBlur
- onChange()
- onClick
- onEmptyInputFocus()
- onFocus
- onGetMoreResults
- onInputBlur
- onInputChange
- onInputFocus
- onItemChange
- onKeyDown
- onSelectionChange()
- onSuggestionClick
- onSuggestionRemove
- onSuggestionSelect()
- onWrapperClick
- refocusSuggestions
- removeItem
- removeItems
- render()
- renderCustomAlert()
- renderItems()
- renderSuggestions()
- resetFocus()
- resolveNewValue()
- root
- selection
- suggestionElement
- SuggestionOfProperType
- suggestionStore
- updateSuggestions()
- updateSuggestionsList()
- updateValue()
ScrollablePaneBase
- addSticky
- componentDidMount()
- componentDidUpdate()
- componentWillUnmount()
- contentContainer
- forceLayoutUpdate()
- getScrollPosition
- notifySubscribers
- removeSticky
- render()
- root
- setStickiesDistanceFromTop()
- shouldComponentUpdate()
- sortSticky
- stickyAbove
- stickyBelow
- subscribe
- syncScrollSticky
- unsubscribe
- updateStickyRefHeights
SuggestionsControl
- componentDidMount()
- componentDidUpdate()
- componentWillUnmount()
- currentSuggestion
- currentSuggestionIndex
- executeSelectedAction()
- handleKeyDown()
- hasSelection()
- hasSuggestionSelected()
- removeSuggestion()
- render()
- renderFooterItems()
- renderHeaderItems()
- resetSelectedItem()
- scrollSelected()
- selectedElement
- selectFirstItem()
- selectLastItem()
- selectNextItem()
- selectPreviousItem()
Interfaces
IBaseExtendedPickerProps
- className
- componentRef
- currentRenderedQueryString
- defaultSelectedItems
- disabled
- floatingPickerProps
- focusZoneProps
- headerComponent
- inputProps
- itemLimit
- onBlur
- onChange
- onFocus
- onItemAdded
- onItemSelected
- onItemsRemoved
- onPaste
- onRenderFloatingPicker
- onRenderSelectedItems
- selectedItems
- selectedItemsListProps
- suggestionItems
IBaseFloatingPickerProps
- calloutWidth
- className
- componentRef
- createGenericItem
- getTextFromItem
- inputElement
- onChange
- onInputChanged
- onRemoveSuggestion
- onRenderSuggestionsItem
- onResolveSuggestions
- onSuggestionsHidden
- onSuggestionsShown
- onValidateInput
- onZeroQuerySuggestion
- pickerCalloutProps
- pickerSuggestionsProps
- resolveDelay
- searchingText
- selectedItems
- showForceResolve
- suggestionItems
- suggestionsStore
IBasePickerProps
- ['aria-label']
- className
- componentRef
- createGenericItem
- defaultSelectedItems
- disabled
- enableSelectedSuggestionAlert
- getTextFromItem
- inputProps
- itemLimit
- onBlur
- onChange
- onDismiss
- onEmptyInputFocus
- onEmptyResolveSuggestions
- onFocus
- onGetMoreResults
- onInputChange
- onItemSelected
- onRemoveSuggestion
- onRenderItem
- onRenderSuggestionsItem
- onResolveSuggestions
- onValidateInput
- pickerCalloutProps
- pickerSuggestionsProps
- removeButtonAriaLabel
- removeButtonIconProps
- resolveDelay
- searchingText
- selectedItems
- selectionAriaLabel
- selectionRole
- styles
- suggestionRemovedText
- theme
IButtonProps
- allowDisabledFocus
- ariaDescription
- ariaHidden
- ariaLabel
- buttonType
- checked
- className
- componentRef
- data
- defaultRender
- description
- disabled
- elementRef
- getClassNames
- getSplitButtonClassNames
- href
- iconProps
- keytipProps
- menuAs
- menuIconProps
- menuProps
- menuTriggerKeyCode
- onAfterMenuDismiss
- onMenuClick
- onRenderAriaDescription
- onRenderChildren
- onRenderDescription
- onRenderIcon
- onRenderMenu
- onRenderMenuIcon
- onRenderText
- persistMenu
- primary
- primaryActionButtonProps
- primaryDisabled
- renderPersistedMenuHiddenOnMount
- rootProps
- secondaryText
- split
- splitButtonAriaLabel
- splitButtonMenuProps
- styles
- text
- theme
- toggle
- toggled
- uniqueId
IButtonStyles
- description
- descriptionChecked
- descriptionDisabled
- descriptionHovered
- descriptionPressed
- flexContainer
- icon
- iconChecked
- iconDisabled
- iconExpanded
- iconExpandedHovered
- iconHovered
- iconPressed
- label
- labelChecked
- labelDisabled
- labelHovered
- menuIcon
- menuIconChecked
- menuIconDisabled
- menuIconExpanded
- menuIconExpandedHovered
- menuIconHovered
- menuIconPressed
- root
- rootChecked
- rootCheckedDisabled
- rootCheckedHovered
- rootCheckedPressed
- rootDisabled
- rootExpanded
- rootExpandedHovered
- rootFocused
- rootHasMenu
- rootHovered
- rootPressed
- screenReaderText
- secondaryText
- splitButtonContainer
- splitButtonContainerChecked
- splitButtonContainerCheckedHovered
- splitButtonContainerDisabled
- splitButtonContainerFocused
- splitButtonContainerHovered
- splitButtonDivider
- splitButtonDividerDisabled
- splitButtonFlexContainer
- splitButtonMenuButton
- splitButtonMenuButtonChecked
- splitButtonMenuButtonDisabled
- splitButtonMenuButtonExpanded
- splitButtonMenuFocused
- splitButtonMenuIcon
- splitButtonMenuIconDisabled
- textContainer
ICalendarDayGridProps
- allFocusable
- animationDirection
- className
- componentRef
- customDayCellRef
- dateRangeType
- dateTimeFormatter
- daysToSelectInDayView
- firstDayOfWeek
- firstWeekOfYear
- getMarkedDays
- labelledBy
- lightenDaysOutsideNavigatedMonth
- maxDate
- minDate
- navigatedDate
- onDismiss
- onNavigateDate
- onSelectDate
- restrictedDates
- selectedDate
- showCloseButton
- showWeekNumbers
- strings
- styles
- theme
- today
- weeksToShow
- workWeekDays
ICalendarProps
- allFocusable
- calendarDayProps
- calendarMonthProps
- className
- componentRef
- dateRangeType
- dateTimeFormatter
- firstDayOfWeek
- firstWeekOfYear
- highlightCurrentMonth
- highlightSelectedMonth
- isDayPickerVisible
- isMonthPickerVisible
- maxDate
- minDate
- navigationIcons
- onDismiss
- onSelectDate
- restrictedDates
- showCloseButton
- showGoToToday
- showMonthPickerAsOverlay
- showSixWeeksByDefault
- showWeekNumbers
- strings
- styles
- theme
- today
- value
- workWeekDays
ICalloutProps
- alignTargetEdge
- ariaDescribedBy
- ariaLabel
- ariaLabelledBy
- backgroundColor
- beakWidth
- bounds
- calloutMaxHeight
- calloutMaxWidth
- calloutMinWidth
- calloutWidth
- className
- coverTarget
- directionalHint
- directionalHintFixed
- directionalHintForRTL
- dismissOnTargetClick
- doNotLayer
- finalHeight
- gapSpace
- hidden
- hideOverflow
- isBeakVisible
- layerProps
- minPagePadding
- onDismiss
- onLayerMounted
- onPositioned
- onRestoreFocus
- onScroll
- preventDismissOnEvent
- preventDismissOnLostFocus
- preventDismissOnResize
- preventDismissOnScroll
- role
- setInitialFocus
- shouldDismissOnWindowFocus
- shouldRestoreFocus
- shouldUpdateWhenHidden
- style
- styles
- target
- theme
ICoachmarkProps
- ariaAlertText
- ariaDescribedBy
- ariaDescribedByText
- ariaLabelledBy
- ariaLabelledByText
- beaconColorOne
- beaconColorTwo
- beakHeight
- beakWidth
- children
- className
- collapsed
- color
- componentRef
- delayBeforeCoachmarkAnimation
- delayBeforeMouseOpen
- height
- isCollapsed
- isPositionForced
- mouseProximityOffset
- onAnimationOpenEnd
- onAnimationOpenStart
- onDismiss
- onMouseMove
- persistentBeak
- positioningContainerProps
- preventDismissOnLostFocus
- preventFocusOnMount
- styles
- target
- teachingBubbleRef
- theme
- width
IColumn
- ariaLabel
- calculatedWidth
- className
- columnActionsMode
- currentWidth
- data
- fieldName
- filterAriaLabel
- flexGrow
- getValueKey
- groupAriaLabel
- headerClassName
- iconClassName
- iconName
- isCollapsable
- isCollapsible
- isFiltered
- isGrouped
- isIconOnly
- isMenuOpen
- isMultiline
- isPadded
- isResizable
- isRowHeader
- isSorted
- isSortedDescending
- key
- maxWidth
- minWidth
- name
- onColumnClick
- onColumnContextMenu
- onColumnResize
- onRender
- onRenderDivider
- onRenderField
- onRenderFilterIcon
- onRenderHeader
- sortAscendingAriaLabel
- sortDescendingAriaLabel
- styles
- targetWidthProportion
IComboBoxProps
- allowFreeform
- ariaDescribedBy
- autoComplete
- autofill
- buttonIconProps
- caretDownButtonStyles
- comboBoxOptionStyles
- componentRef
- dropdownMaxWidth
- dropdownWidth
- getClassNames
- iconButtonProps
- isButtonAriaHidden
- multiSelectDelimiter
- onChange
- onInputValueChange
- onItemClick
- onMenuDismiss
- onMenuDismissed
- onMenuOpen
- onPendingValueChanged
- onRenderLabel
- onRenderLowerContent
- onRenderUpperContent
- onResolveOptions
- onScrollToItem
- options
- persistMenu
- scrollSelectedToTop
- shouldRestoreFocus
- styles
- text
- theme
- useComboBoxAsMenuWidth
IContextualMenuItem
- ariaDescribedBy
- ariaDescription
- ariaLabel
- canCheck
- checked
- className
- componentRef
- customOnRenderListLength
- data
- disabled
- getItemClassNames
- getSplitButtonVerticalDividerClassNames
- href
- iconProps
- inactive
- itemProps
- items
- itemType
- key
- keytipProps
- name
- onClick
- onMouseDown
- onRender
- onRenderContent
- onRenderIcon
- preferMenuTargetAsEventTarget
- primaryDisabled
- rel
- role
- secondaryText
- sectionProps
- shortCut
- split
- style
- submenuIconProps
- subMenuProps
- target
- text
- title
IContextualMenuProps
- alignTargetEdge
- ariaLabel
- beakWidth
- bounds
- calloutProps
- className
- componentRef
- contextualMenuItemAs
- coverTarget
- delayUpdateFocusOnHover
- directionalHint
- directionalHintFixed
- directionalHintForRTL
- doNotLayer
- focusZoneAs
- focusZoneProps
- gapSpace
- getMenuClassNames
- hidden
- id
- isBeakVisible
- isSubMenu
- items
- labelElementId
- onDismiss
- onItemClick
- onMenuDismissed
- onMenuOpened
- onRenderContextualMenuItem
- onRenderMenuList
- onRenderSubMenu
- onRestoreFocus
- shouldFocusOnContainer
- shouldFocusOnMount
- shouldUpdateWhenHidden
- styles
- subMenuHoverDelay
- target
- theme
- title
- useTargetAsMinWidth
- useTargetWidth
IDatePickerProps
- allFocusable
- allowTextInput
- ariaLabel
- borderless
- calendarAs
- calendarProps
- calloutProps
- className
- componentRef
- dateTimeFormatter
- disableAutoFocus
- disabled
- firstDayOfWeek
- firstWeekOfYear
- formatDate
- highlightCurrentMonth
- highlightSelectedMonth
- initialPickerDate
- isMonthPickerVisible
- isRequired
- label
- maxDate
- minDate
- onAfterMenuDismiss
- onSelectDate
- openOnClick
- parseDateFromString
- pickerAriaLabel
- placeholder
- showCloseButton
- showGoToToday
- showMonthPickerAsOverlay
- showWeekNumbers
- strings
- styles
- tabIndex
- textField
- theme
- today
- underlined
- value
IDetailsHeaderBaseProps
- ariaLabel
- ariaLabelForSelectAllCheckbox
- ariaLabelForSelectionColumn
- ariaLabelForToggleAllGroupsButton
- className
- collapseAllVisibility
- columnReorderOptions
- columnReorderProps
- componentRef
- isAllCollapsed
- layoutMode
- minimumPixelsForDrag
- onColumnAutoResized
- onColumnClick
- onColumnContextMenu
- onColumnIsSizingChanged
- onColumnResized
- onRenderColumnHeaderTooltip
- onRenderDetailsCheckbox
- onToggleCollapseAll
- selectAllVisibility
- styles
- theme
- useFastIcons
IDetailsListProps
- ariaLabel
- ariaLabelForGrid
- ariaLabelForListHeader
- ariaLabelForSelectAllCheckbox
- ariaLabelForSelectionColumn
- cellStyleProps
- checkboxCellClassName
- checkboxVisibility
- checkButtonAriaLabel
- checkButtonGroupAriaLabel
- className
- columnReorderOptions
- columns
- compact
- componentRef
- constrainMode
- disableSelectionZone
- dragDropEvents
- enableUpdateAnimations
- enterModalSelectionOnTouch
- flexMargin
- focusZoneProps
- getCellValueKey
- getGroupHeight
- getKey
- getRowAriaDescribedBy
- getRowAriaLabel
- groupProps
- groups
- indentWidth
- initialFocusedIndex
- isHeaderVisible
- isPlaceholderData
- items
- layoutMode
- listProps
- minimumPixelsForDrag
- onActiveItemChanged
- onColumnHeaderClick
- onColumnHeaderContextMenu
- onColumnResize
- onDidUpdate
- onItemContextMenu
- onItemInvoked
- onRenderCheckbox
- onRenderDetailsFooter
- onRenderDetailsHeader
- onRenderField
- onRenderItemColumn
- onRenderMissingItem
- onRenderRow
- onRowDidMount
- onRowWillUnmount
- onShouldVirtualize
- role
- rowElementEventMap
- selection
- selectionMode
- selectionPreservedOnEmptyClick
- selectionZoneProps
- setKey
- shouldApplyApplicationRole
- styles
- theme
- useFastIcons
- usePageCache
- useReducedRowRenderer
- viewport
IDetailsRowBaseProps
- cellsByColumn
- checkboxCellClassName
- checkButtonAriaLabel
- className
- collapseAllVisibility
- compact
- componentRef
- disabled
- dragDropEvents
- dragDropHelper
- enableUpdateAnimations
- eventsToRegister
- flatIndexOffset
- focusZoneProps
- getRowAriaDescribedBy
- getRowAriaDescription
- getRowAriaLabel
- group
- id
- item
- itemIndex
- onDidMount
- onRenderCheck
- onRenderDetailsCheckbox
- onWillUnmount
- role
- rowFieldsAs
- styles
- theme
- useFastIcons
- useReducedRowRenderer
IDropdownStyles
- callout
- caretDown
- caretDownWrapper
- dropdown
- dropdownDivider
- dropdownDividerHidden
- dropdownItem
- dropdownItemDisabled
- dropdownItemHeader
- dropdownItemHeaderHidden
- dropdownItemHidden
- dropdownItems
- dropdownItemSelected
- dropdownItemSelectedAndDisabled
- dropdownItemsWrapper
- dropdownOptionText
- errorMessage
- label
- panel
- root
- subComponentStyles
- title
IGroupDividerProps
- ariaColSpan
- ariaPosInSet
- ariaRowCount
- ariaRowIndex
- ariaSetSize
- className
- compact
- componentRef
- expandButtonProps
- footerText
- group
- groupIndex
- groupLevel
- groups
- indentWidth
- isCollapsedGroupSelectVisible
- isGroupLoading
- isSelected
- loadingText
- onGroupHeaderClick
- onGroupHeaderKeyUp
- onRenderTitle
- onToggleCollapse
- onToggleSelectGroup
- onToggleSummarize
- selected
- selectionMode
- showAllLinkText
- theme
- viewport
IGroupedListSectionProps
- compact
- componentRef
- dragDropEvents
- dragDropHelper
- eventsToRegister
- footerProps
- getGroupItemLimit
- group
- groupedListClassNames
- groupIndex
- groupNestingDepth
- groupProps
- groups
- headerProps
- items
- listProps
- onRenderCell
- onRenderGroupFooter
- onRenderGroupHeader
- onRenderGroupShowAll
- onShouldVirtualize
- selection
- selectionMode
- showAllProps
- viewport
IListProps
- className
- componentRef
- getItemCountForPage
- getKey
- getPageHeight
- getPageSpecification
- getPageStyle
- ignoreScrollingState
- items
- onPageAdded
- onPageRemoved
- onPagesUpdated
- onRenderCell
- onRenderPage
- onRenderRoot
- onRenderSurface
- onShouldVirtualize
- renderCount
- renderedWindowsAhead
- renderedWindowsBehind
- role
- startIndex
- usePageCache
- version
IPanelProps
- allowTouchBodyScroll
- className
- closeButtonAriaLabel
- componentId
- componentRef
- customWidth
- elementToFocusOnDismiss
- firstFocusableSelector
- focusTrapZoneProps
- forceFocusInsideTrap
- hasCloseButton
- headerClassName
- headerText
- headerTextProps
- ignoreExternalFocusing
- isBlocking
- isFooterAtBottom
- isHiddenOnDismiss
- isLightDismiss
- isOpen
- layerProps
- onDismiss
- onDismissed
- onLightDismissClick
- onOpen
- onOpened
- onOuterClick
- onRenderBody
- onRenderFooter
- onRenderFooterContent
- onRenderHeader
- onRenderNavigation
- onRenderNavigationContent
- overlayProps
- popupProps
- styles
- theme
- type
IPersonaSharedProps
- allowPhoneInitials
- coinProps
- coinSize
- hidePersonaDetails
- imageAlt
- imageInitials
- imageShouldFadeIn
- imageShouldStartVisible
- imageUrl
- initialsColor
- initialsTextColor
- isOutOfOffice
- onPhotoLoadingStateChange
- onRenderCoin
- onRenderInitials
- onRenderPersonaCoin
- optionalText
- presence
- presenceColors
- presenceTitle
- primaryText
- secondaryText
- showInitialsUntilImageLoads
- showOverflowTooltip
- showSecondaryText
- showUnknownPersonaCoin
- size
- tertiaryText
- text
- theme
IPositioningContainerProps
- ariaDescribedBy
- ariaLabel
- ariaLabelledBy
- backgroundColor
- bounds
- children
- className
- componentRef
- coverTarget
- directionalHint
- directionalHintFixed
- directionalHintForRTL
- doNotLayer
- finalHeight
- minPagePadding
- offsetFromTarget
- onDismiss
- onLayerMounted
- onPositioned
- positioningContainerMaxHeight
- positioningContainerWidth
- preventDismissOnScroll
- role
- setInitialFocus
- target
- targetPoint
- useTargetPoint
ISpinButtonProps
- ariaDescribedBy
- ariaLabel
- ariaPositionInSet
- ariaSetSize
- ariaValueNow
- ariaValueText
- className
- componentRef
- decrementButtonAriaLabel
- decrementButtonIcon
- defaultValue
- disabled
- downArrowButtonStyles
- iconButtonProps
- iconProps
- incrementButtonAriaLabel
- incrementButtonIcon
- inputProps
- keytipProps
- label
- labelPosition
- max
- min
- onBlur
- onChange
- onDecrement
- onFocus
- onIncrement
- onValidate
- precision
- step
- styles
- theme
- title
- upArrowButtonStyles
- value
ISuggestionsProps
- className
- componentRef
- createGenericItem
- forceResolveText
- isLoading
- isMostRecentlyUsedVisible
- isResultsFooterVisible
- isSearching
- loadingText
- moreSuggestionsAvailable
- mostRecentlyUsedHeaderText
- noResultsFoundText
- onGetMoreResults
- onRenderNoResultFound
- onRenderSuggestion
- onSuggestionClick
- onSuggestionRemove
- refocusSuggestions
- removeButtonIconProps
- removeSuggestionAriaLabel
- resultsFooter
- resultsFooterFull
- resultsMaximumNumber
- searchErrorText
- searchForMoreIcon
- searchForMoreText
- searchingText
- showForceResolve
- showRemoveButtons
- styles
- suggestions
- suggestionsAvailableAlertText
- suggestionsClassName
- suggestionsContainerAriaLabel
- suggestionsHeaderText
- suggestionsItemClassName
- suggestionsListId
- theme
ISwatchColorPickerProps
- ariaPosInSet
- ariaSetSize
- cellBorderWidth
- cellHeight
- cellMargin
- cellShape
- cellWidth
- className
- colorCells
- columnCount
- defaultSelectedId
- disabled
- doNotContainWithinFocusZone
- focusOnHover
- getColorGridCellStyles
- id
- isControlled
- mouseLeaveParentSelector
- onCellFocused
- onCellHovered
- onChange
- onColorChanged
- onRenderColorCell
- selectedId
- shouldFocusCircularNavigate
- styles
- theme
ITextFieldProps
- ariaLabel
- autoAdjustHeight
- autoComplete
- borderless
- canRevealPassword
- className
- componentRef
- defaultValue
- deferredValidationTime
- description
- disabled
- elementRef
- errorMessage
- iconProps
- inputClassName
- invalid
- label
- multiline
- onChange
- onGetErrorMessage
- onNotifyValidationResult
- onRenderDescription
- onRenderInput
- onRenderLabel
- onRenderPrefix
- onRenderSuffix
- prefix
- readOnly
- resizable
- revealPasswordAriaLabel
- styles
- suffix
- theme
- underlined
- validateOnFocusIn
- validateOnFocusOut
- validateOnLoad
- value
Enums
FabricSlots
- black
- neutralDark
- neutralLight
- neutralLighter
- neutralLighterAlt
- neutralPrimary
- neutralPrimaryAlt
- neutralQuaternary
- neutralQuaternaryAlt
- neutralSecondary
- neutralSecondaryAlt
- neutralTertiary
- neutralTertiaryAlt
- themeDark
- themeDarkAlt
- themeDarker
- themeLight
- themeLighter
- themeLighterAlt
- themePrimary
- themeSecondary
- themeTertiary
- white
Type Aliases
- Alignment
- DirectionalHint
- IAnnouncedStyleProps
- IBaseFloatingPickerSuggestionProps
- IBasePickerStyleProps
- IBreadCrumbData
- ICalendarFormatDateCallbacks
- ICalendarIconStrings
- ICheckStyleProps
- ICoachmarkTypes
- IColorPickerStyleProps
- IColorSliderStyleProps
- IDetailsColumnStyleProps
- IDetailsHeaderStyleProps
- IDetailsListStyleProps
- IDetailsRowCheckStyleProps
- IDetailsRowStyleProps
- IDropdownStyleProps
- IGroupedListStyleProps
- IGroupFooterStyleProps
- IGroupHeaderStyleProps
- IGroupShowAllStyleProps
- IGroupSpacerStyleProps
- IModalStyleProps
- IOverflowSetStyleProps
- IOverrideColumnRenderProps
- IPeoplePickerItemSelectedStyleProps
- IPeoplePickerItemSuggestionStyleProps
- IPersonaPresenceStyleProps
- IPickerAriaIds
- IPivotStyleProps
- IPositioningContainerTypes
- ISeparatorStyleProps
- IShimmerCircleStyleProps
- IShimmeredDetailsListStyleProps
- IShimmerGapStyleProps
- IShimmerLineStyleProps
- ISliderStyleProps
- IStackComponent
- IStackItemComponent
- IStackItemSlot
- IStackItemStyles
- IStackItemStylesReturnType
- IStackItemTokenReturnType
- IStackSlot
- IStackStyles
- IStackStylesReturnType
- IStackTokenReturnType
- ISuggestionsItemStyleProps
- ISuggestionsStyleProps
- ITagItemStyleProps
- ITagItemSuggestionStyleProps
- ITeachingBubbleStyleProps
- ITextComponent
- ITextFieldStyleProps
- ITextSlot
- ITextStyles
- ITextStylesReturnType
- ITextTokenReturnType
- IVerticalDividerPropsStyles
- IWeeklyDayPickerNavigationIcons
- KeytipDataOptions
- KeytipTransitionModifier
- PivotLinkFormatType
- PivotLinkSizeType
- ScrollbarVisibility
- ScrollToMode
- SpinnerLabelPosition
- StylesClassMapping
- SuggestionsStoreOptions
- UseStylesOptions
Namespaces
Variables
variable Announced
const Announced: React.FunctionComponent<IAnnouncedProps>;
variable Breadcrumb
const Breadcrumb: React.FunctionComponent<IBreadcrumbProps>;
variable ButtonGrid
const ButtonGrid: React.FunctionComponent<IButtonGridProps>;
variable Calendar
const Calendar: React.FunctionComponent<ICalendarProps>;
variable Callout
const Callout: React.FunctionComponent<ICalloutProps>;
variable CalloutContent
const CalloutContent: React.FunctionComponent<ICalloutProps>;
variable CalloutContentBase
const CalloutContentBase: React.FunctionComponent<ICalloutProps>;
variable Check
const Check: React.FunctionComponent<ICheckProps>;
variable CHECK_CELL_WIDTH
const CHECK_CELL_WIDTH: number;
variable CheckBase
const CheckBase: React.FunctionComponent<ICheckProps>;