Typography
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.
infoInfo
successSuccess
warningWarning
dangerDanger
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:
- Fruits
- Citrus
- Orange
- Lemon
- Mandarin
- Berry
- Legume
- Citrus
- Vegetable
- 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 ">;