This is an image for the typography page

Typography

a few seconds read

    Demo page showing the typography for the application


    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5
    Heading 6

    In a world older and more complete than ours they move finished and complete, gifted with extensions of the senses we have lost or never.

    info

    Info

    success

    Success

    warning

    Warning

    danger

    Danger

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut sapien neque. Nulla euismod massa nunc, eget molestie massa vehicula vel.

    Muted Text

    Marks:

    • Bold
    • Italic
    • Underline
    • Inline Code
    • Strikethrough
    • Link
    • Muted
    • Highlight

    Ordered:

    1. Fruits
      1. Citrus
        1. Orange
        2. Lemon
        3. Mandarin
      2. Berry
      3. Legume
    2. Vegetable
    3. Snacks

    Code Blocks:

    Transformer preview.ts
    type ToAsciiArt<T> = any;
    
    type test_remove = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    
    type test_add = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    
    type test_highlight = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    
    type test_warning = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    
    type test_error = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    Highlight word preview.ts
    type ToAsciiArt<T> = any;
    
    type test_highlight_word_1 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_highlight_word_2 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_highlight_word_3 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    Highlight word preview - single line.ts
    type ToAsciiArt<T> = any;
    
    type test_highlight_word_1 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_highlight_word_2 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_highlight_word_3 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    Focus preview - single line.ts
    type ToAsciiArt<T> = any;
    
    type test_focus = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    
    type test_regular = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    Focus preview - multiline.ts
    type ToAsciiArt<T> = any;
    
    type test_focus1 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_focus2 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_focus3 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_regular = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    Highlight preview - multiline.ts
    type ToAsciiArt<T> = any;
    
    type test_highlight1 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_highlight2 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_highlight3 = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;
    type test_regular = ToAsciiArt<"   * : * Merry * : *   \n  Christmas  ">;