Components - React

These are all built with the React framework
link - developer.microsoft.com/en-us/fluentui/#/controls/web
link - github.com/microsoft/fluentui

npm install @fluentui/react 

List Of Components

NameComments
BreadcrumbThis control can be used as a navigational aid for the user.
They indicate the current page's location within a hierarchy and help the user understand where they are in relation to the rest of that hierarchy.
ButtonThis control allows the user to trigger an action.
CalendarThis control allows the user to select and view a single date or a range of dates in their calendar.
It's made up of 3 separate views: the month view, year view, and decade view.
CalloutThis control is an anchored tip that can be used to teach people or guide them through the app without blocking them.
CheckboxThis control allows the user to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).
ChoiceGroupThis control allows the user to select a single option from two or more choices.
ColorPickerThis control is used to browse through and select colors
ComboboxThis control combines a text field and a drop-down allowing the user to select an option from a list or enter their own choice.
CommandBar 
ContextualMenu 
DatePicker 
DateTimeUtilities 
DetailsList 
Dialog 
DocumentCard 
DropdownThis control provides a list in which the selected item is always visible while other items are visible on demand by clicking a drop-down button.
FacePile 
FocusZone 
GroupedList 
Image 
LabelThis control gives a name or title to a control or group of controls, including text fields, check boxes, combo boxes, radio buttons, and drop-down menus.
Layer 
LinkThis control provides a link to another part of the application.
List 
MarqueSelection 
MessageBar 
Modal 
Nav 
Panel 
Persona 
Pickers 
PeoplePicker 
Pivot 
ProgressIndicator 
RatingThis control allows a user to provide feedback on a product.
SearchBoxThis control provides an input field for searching content within an application.
SliderThis control provides a visual indication of adjustable content, as well as the current setting in the total range of content.
SpinButtonThis control allows a user to incrementally adjust a value in small steps. It's mainly used for numeric values, but other values are supported too.
Spinner 
SwatchColorPicker 
TextFieldThis control allows a user a way to enter and edit text.
ToggleThis control provides a physical switch that allows someone to choose between two mutually exclusive options.
Tooltip 

© 2021 Better Solutions Limited. All Rights Reserved. © 2021 Better Solutions Limited TopPrevNext