Fluent Design For Web Controls Styles Home




Fabric UI
Styles
  • Typography
    •
  • Elevation
    •
  • Colors
    •
  • Grid Layout
    •
  • Icon Pack
    •


    Controls
  • Inputs
    •
  • Utilities
    •
  • Surfaces
    •
  • List and Tables
    •
  • Navigations
    •
  • Progress
    •

    Basic Inputs

















    More Inputs

    Range







    Rating







    Switch


    On Switch

    Off Switch






    Checkbox


    Checked

    Checked :   

    Unchecked

    Unchecked :   

    Advanced Inputs

    Searchbox




    Dropdown


    Dropdown Advanced


    Select an option
    Option a Option b Option c Option d Option e