Skip to content

Commit e402f87

Browse files
Add tab component
1 parent 34137bc commit e402f87

File tree

1 file changed

+25
-0
lines changed

1 file changed

+25
-0
lines changed
Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
[role="tablist"] {
2+
display: flex;
3+
gap: 0;
4+
margin-bottom: 1rem;
5+
border-radius: 0.75rem;
6+
background: var(--background-secondary);
7+
padding: 0.25rem;
8+
width: 100%;
9+
}
10+
11+
[role="tab"] {
12+
flex: 1 1 0;
13+
cursor: pointer;
14+
border: none;
15+
border-radius: 0.5rem;
16+
background: none;
17+
background: transparent;
18+
padding: 0.75em 0;
19+
color: var(--color-muted);
20+
21+
&[aria-selected="true"] {
22+
background: var(--background-primary);
23+
color: var(--color-primary);
24+
}
25+
}

0 commit comments

Comments
 (0)