Style guide

    Colors

    Primary
    Secondary 1
    Secondary 2
    Accent
    Info
    Success
    Warning
    Error

    badges

    NEW
    UPDATED

    Bold, italic and scratched

    This text is bold.
    This text is italic.
    This text is scratched.

    Headings

    Header text h1
    Header text h2
    Header text h3
    Header text h4
    Header text h5
    Header text h6

    Paragraph

    By default Markdown adds paragraphs at double line breaks. Single line breaks by themselves are simply wrapped together into a single line. If you want to have soft returns that break a single line, add two spaces at the end of the line.

    This line has a paragraph break at the end (empty line after).

    Theses two lines should display as a single line because there's no double space at the end.

    The following line has a soft break at the end (two spaces at end)
    This line should be following on the very next line. This line has a paragraph break at the end (empty line after).

    www.infragistics.com

    Link to other topic

    Internal link

    Block Quotes

    Headers break on their own

    Note that headers don't need line continuation characters as they are block elements and automatically break. Only text lines require the double spaces for single line breaks.

    Unordered Lists

    • Item 1
    • Item 2
    • Item 3

    Ordered Lists

    1. Item 1
      Item 1 is really something
    2. Item 2
      Item two is really something else

    Inline Code

    Structured statements like for x =1 to 10 loop structures can be codified using single back ticks.

    Code Blocks

    :host {
        ::ng-deep {
            // comment
            @include splitter($custom-splitter-theme);
        }
    }
    

    Alerts

    Warning

    This is some Note Text
    that spreads across two lines

    Note

    Singe line NOTE.

    Important

    Don't forget to screw on your hat!

    Table

    test test test test test
    val Using the Table menu set the desired size of the table. val val val
    val Using the Table menu set the desired size of the table. val val val
    val Using the Table menu set the desired size of the table. val val val

    Page pagination

    Details

    summary text

    To achieve this look you need to wrap your details inside a div with a class .fancy-details

    summary text

    To achieve this look you need to wrap your details inside a div with a class .fancy-details