x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="flex items-center text-sm gap"> <div class="flex flex-col"> <span class="font-medium mbe-1">Settings</span> <span class="text-xs text-subtle">Manage preferences</span> </div> <span class="separator-vertical" aria-hidden="true"></span> <div class="flex flex-col"> <span class="font-medium mbe-1">Account</span> <span class="text-xs text-subtle">Profile & security</span> </div> <span class="separator-vertical" aria-hidden="true"></span> <div class="flex flex-col"> <span class="font-medium mbe-1">Help</span> <span class="text-xs text-subtle">Support & docs</span> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="flex items-center text-sm gap"> <div class="flex flex-col"> <span class="font-medium mbe-1">Settings</span> <span class="text-xs text-subtle">Manage preferences</span> </div> <span class="separator-vertical" aria-hidden="true"></span> <div class="flex flex-col"> <span class="font-medium mbe-1">Account</span> <span class="text-xs text-subtle">Profile & security</span> </div> <span class="separator-vertical" aria-hidden="true"></span> <div class="flex flex-col"> <span class="font-medium mbe-1">Help</span> <span class="text-xs text-subtle">Support & docs</span> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
.separator { background-color: var(--sep-color, var(--color-border)); block-size: 1px; flex-shrink: 0; inline-size: var(--size-full);}.separator-vertical { align-self: stretch; background-color: var(--sep-color, var(--color-border)); flex-shrink: 0; inline-size: 1px;}
Java Script is not required or multiple files are needed, check the notes.
No notes provided.