Fluent UI - Get started - Fluent UI - developer.microsoft.com
From tutorials to a fun collection of API references, find what you need to design and develop your own Fluent experience. Browse resources. uses Fluent UI? From Word and Excel to PowerBI and Teams, many Microsoft apps utilize Fluent UI functionality.
Get Started - Office UI Fabric JS - developer.microsoft.com
Get started with Fabric JS. Use the CDN, Bower, NPM, or Nuget to get the components and core styling. The easiest way to get Fabric is by referencing the CDN. Include the following in the <head> of your page:
PersonaCard - Office UI Fabric JS - developer.microsoft.com
Overview. The visualization of details of an individual including Skype contact details, email, location information, and location within the hierarchy of an organization. Within Office 365, PersonaCards often appear when a user hovers, taps, or clicks on a Persona.
Toggle - Office UI Fabric JS - developer.microsoft.com
For example, use a Toggle to turn services or hardware components on or off. In other words, if a physical switch would work for the action, a Toggle is probably the best control to use. Also available in Fabric React.
Panel - Office UI Fabric JS - developer.microsoft.com
Panels are modal UI overlays that provide contextual app information. They often request some kind of creation or management action from the user. Panels are paired with the Overlay component, also known as a Light Dismiss.
Spinner - Office UI Fabric JS - developer.microsoft.com
A Spinner is an outline of a circle which animates around itself indicating to the user that things are processing. A Spinner is shown when it's unsure how long a task will take making it the indeterminate version of a ProgressIndicator.
Microsoft Office Dev Center | Office JavaScript APIs
Nov 19, 2006 · Fluent UI. Use the official front-end framework for building experiences that fit seamlessly into Microsoft 365.
ProgressIndicator - Office UI Fabric JS - developer.microsoft.com
Progress Indicators can appear in a new panel, a flyout, under the UI initiating the operation, or even replacing the initiating UI, as long as the UI can return if the operation is canceled or is stopped.
Dropdown - Office UI Fabric JS - developer.microsoft.com
A Dropdown is a list in which the selected item is always visible, and the others are visible on demand by clicking a drop-down button. They are used to simplify the design and make a choice within the UI. When closed, only the selected item is visible.
Button - Office UI Fabric JS - developer.microsoft.com
Buttons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.