Design tokens
Order
Use order tokens to set the order of an item in a flex container.
Order tokens
Note: Ordered items are only ordered among other ordered items. Any unordered siblings will be ordered by their appearance in the DOM. Siblings sharing the same order will all appear at the specified position in the order in which they appear in the DOM.
| Token | Example | Value |
|---|---|---|
'initial'
|
1
2
3
4
5
6
7
8
9
10
11
|
initial |
'first'
|
1
2
3
4
5
6
7
8
9
10
11
|
first |
1
|
1
2
3
4
5
6
7
8
9
10
11
|
1 |
2
|
1
2
3
4
5
6
7
8
9
10
11
|
2 |
3
|
1
2
3
4
5
6
7
8
9
10
11
|
3 |
4
|
1
2
3
4
5
6
7
8
9
10
11
|
4 |
5
|
1
2
3
4
5
6
7
8
9
10
11
|
5 |
6
|
1
2
3
4
5
6
7
8
9
10
11
|
6 |
7
|
1
2
3
4
5
6
7
8
9
10
11
|
7 |
8
|
1
2
3
4
5
6
7
8
9
10
11
|
8 |
9
|
1
2
3
4
5
6
7
8
9
10
11
|
9 |
10
|
1
2
3
4
5
6
7
8
9
10
11
|
10 |
11
|
1
2
3
4
5
6
7
8
9
10
11
|
11 |
'last'
|
1
2
3
4
5
6
7
8
9
10
11
|
last |
Using order tokens
Your context and coding style determine how you access USWDS order tokens in code.
