Skip to content

Commit d5fcf8f

Browse files
committed
more test elements
1 parent 546d778 commit d5fcf8f

File tree

1 file changed

+27
-5
lines changed

1 file changed

+27
-5
lines changed

docs/elements.md

Lines changed: 27 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,9 @@ This is for testing all the different kinds of markdown that can exist. Whenever
99

1010
## Headings
1111

12-
For headings, do we ever go deeper than a heading 4? Do we really need styles for that?
12+
Headings at sizes 4, 5, and 6 are all treated equally. If we start writing prose that needs those headings, we should re-evaluate our lives.
13+
14+
# Heading 1
1315

1416
## Heading 2
1517

@@ -21,6 +23,14 @@ For headings, do we ever go deeper than a heading 4? Do we really need styles fo
2123

2224
###### Heading 6
2325

26+
## Tables
27+
28+
| Syntax | Description |
29+
| ----------- | ----------- |
30+
| Row 1 | Column 2 |
31+
| Row 2 | Column 2 |
32+
| Row 3 | Column 2 |
33+
2434
## Callouts
2535

2636
Callouts can be used with the `<docs-*>` elements. They are specifically for calling special attention to pieces of information outside the normal flow of the document.
@@ -47,11 +57,9 @@ Note: maybe the semantics for these aren't quite right. There might be other nou
4757
- `<docs-warning>` could become `<docs-important>`
4858
- `<docs-error>` could become `<docs-warning>` or `<docs-danger>`
4959

50-
## Normal Prose
60+
## Blockquotes
5161

52-
@TODO Blockquotes, lists, etc.
53-
54-
This is a `<blockquote>` with multiple lines in it:
62+
This is a `<blockquote>` with multiple lines and styles in it:
5563

5664
> This is my quote.
5765
>
@@ -67,6 +75,8 @@ This is a `<blockquote>` with multiple lines in it:
6775
> 2. Another list item
6876
> 3. Yet another list item
6977
78+
## Lists
79+
7080
This is a list of links, some of which are code:
7181

7282
- This is my first list item
@@ -75,6 +85,18 @@ This is a list of links, some of which are code:
7585

7686
And don't forget about proper styling for `<a>` tags that don’t have an `href`: <a>like this link right here</a>.
7787

88+
And then there’s the `<dl>` lists:
89+
90+
<dl>
91+
<dt>React</dt>
92+
<dd>Respond or behave in a particular way in response to something</dd>
93+
<dt>Router</dt>
94+
<dd>A device that forwards data packets to the appropriate parts of a computer network.</dd>
95+
<dt>Library</dt>
96+
<dd>A building or room containing collections of books, periodicals, and sometimes films and recorded music for people to read, borrow, or refer to.</dd>
97+
<dd>A collection of programs and software packages made generally available, often loaded and stored on disk for immediate use.</dd>
98+
</dl>
99+
78100
## Code
79101

80102
Normal code:

0 commit comments

Comments
 (0)