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
    •

    Typography


    Heading Sizes

    Heading 1

     <>  

    <h1>Heading 1</h1>

    Heading 2

     <>  

    <h2>Heading 2</h2>

    Heading 3

     <>  

    <h3>Heading 3</h3>

    Heading 4

     <>  

    <h4>Heading 1</h4>

    Heading 5
     <>  

    <h5>Heading 5</h5>

    Heading 6
     <>  

    <h6>Heading 6</h6>



    Paragraph Types

    This Is A Paragraph

     <>  

    <p>This Is A Paragraph</p> 

    This Is A <pre> Paragraph
     <>  

    <pre>This Is A <pre> Paragraph</pre>