x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<h1> Heading 1</h1><h2> Heading 2</h2><p> Body</p><p class="label"> Label</p><p class="help_text"> Help text</p><ul> <li> Unordered List Item </li> <li> Unordered List Item 2 </li> <li> Unordered List Item 3 </li></ul><ol> <li> Ordered List Item </li> <li> Ordered List Item 2 </li> <li> Ordered List Item 3 </li></ol><p> <a href="https://www.google.com/?b4f5ed2c-aaf2-406d-9438-353b337c67f5 %>">Hyperlinked text</a></p><p> <a href="https://www.google.com">Visited hyperlinked text</a> (open in new tab if it's not already purple)</p><p class="flex"> <img alt="info icon" class="size-[20px]" src="/assets/icons/circle_info-36240d04.svg" /><span class="ml-[8px]"> I am a paragraph with flex and icon on the left </span></p><p class="flex"> I am a paragraph with flex and icon on the right <img alt="info icon" class="size-[20px]" src="/assets/icons/circle_info-36240d04.svg" /></p><p> <img alt="check mark icon" class="size-[20px]" src="/assets/icons/circle_check-d8694443.svg" /> I am a paragraph with no formatting</p>1
render("non_component_previews/typography")No notes provided.
No params configured.