Back to Blogs
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. Item 1
    1. Item 1.1
      1. Item 1.1.1
      2. Item 1.1.2
      3. Item 1.1.3
    2. Item 1.2
    3. Item 1.3
  2. Item 2
  3. Item 3

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  ">;
highlght 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  ">;
highlght 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  ">;