Skip to content

Commit dfee426

Browse files
lepturelepture
committed
fix: set ScrollArea default type to scroll, add more props to RadioGroupItem
1 parent c004f5e commit dfee426

File tree

18 files changed

+294
-18
lines changed

18 files changed

+294
-18
lines changed

‎.vitepress/config.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,9 @@ export default defineConfig({
8181
text: 'Controls',
8282
items: [
8383
{ text: 'Tabs', link: '/components/tabs' },
84+
{ text: 'Accordion', link: '/components/accordion' },
85+
{ text: 'Collapsible', link: '/components/collapsible' },
86+
{ text: 'Pagination', link: '/components/pagination' },
8487
],
8588
},
8689
{
@@ -89,6 +92,8 @@ export default defineConfig({
8992
{ text: 'Dialog', link: '/components/dialog' },
9093
{ text: 'Dropdown', link: '/components/dropdown' },
9194
{ text: 'Popover', link: '/components/popover' },
95+
{ text: 'Tooltip', link: '/components/tooltip' },
96+
{ text: 'Toast', link: '/components/toast' },
9297
],
9398
},
9499
],

‎.vitepress/custom/Doc.vue‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const STATUS_COLOR_MAP: Record<string, ColorType> = {
1212
<script setup lang="ts">
1313
import { useData, Content } from 'vitepress'
1414
import { computed } from 'vue'
15-
import { Icon, Badge } from '#components'
15+
import { Icon, Badge, ScrollArea } from '#components'
1616
import DocSidebar from './doc/Sidebar.vue'
1717
import DocOutline from './doc/Outline.vue'
1818
@@ -27,12 +27,14 @@ const statusColor = computed(() => STATUS_COLOR_MAP[frontmatter.value.status])
2727
<main class="max-w-content flex mx-auto pt-28 pb-10 lg:pt-0 lg:px-8">
2828
<div id="sidebar" class="z-20 hidden shrink-0 lg:block w-[18rem]">
2929
<div class="w-full sticky top-28">
30-
<div class="pt-8 text-sm leading-6">
31-
<DocSidebar :sidebar="sidebar" />
32-
</div>
30+
<ScrollArea class="pr-3 max-h-[calc(100vh-112px)]" scrollbars="vertical">
31+
<div class="pt-8 text-sm leading-6">
32+
<DocSidebar :sidebar="sidebar" />
33+
</div>
34+
</ScrollArea>
3335
</div>
3436
</div>
35-
<div id="content-container" class="grow overflow-hidden px-6 lg:pl-14">
37+
<div id="content-container" class="grow overflow-hidden px-6 lg:pl-12">
3638
<div class="flex gap-12 box-border pt-8">
3739
<article class="h-entry relative grow min-w-0 shrink">
3840
<h1 class="p-name text-4xl font-semibold">{{ page.title }}</h1>

‎.vitepress/meta/CollapsibleIndicator.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"props": [
3+
{
4+
"name": "variant",
5+
"description": "",
6+
"type": "\"chevron\" | \"plus\"",
7+
"required": false,
8+
"inherit": null
9+
}
10+
],
11+
"events": [],
12+
"slots": [],
13+
"methods": []
14+
}

‎.vitepress/meta/CollapsibleRoot.json‎

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,13 @@
1515
"required": false,
1616
"inherit": "reka-ui"
1717
},
18+
{
19+
"name": "color",
20+
"description": "",
21+
"type": "\"indigo\" | \"gray\" | \"gold\" | \"bronze\" | \"brown\" | \"yellow\" | \"amber\" | \"orange\" | \"tomato\" | \"red\" | \"ruby\" | \"crimson\" | \"pink\" | \"plum\" | \"purple\" | \"violet\" | \"iris\" | \"blue\" | \"cyan\" | \"teal\" | \"jade\" | \"green\" | \"grass\" | \"lime\" | \"mint\" | \"sky\"",
22+
"required": false,
23+
"inherit": null
24+
},
1825
{
1926
"name": "defaultOpen",
2027
"description": "<p>The open state of the collapsible when it is initially rendered. &lt;br&gt; Use when you do not need to control its open state.</p>",
@@ -36,12 +43,33 @@
3643
"required": false,
3744
"inherit": "reka-ui"
3845
},
46+
{
47+
"name": "radius",
48+
"description": "",
49+
"type": "\"none\" | \"small\" | \"medium\" | \"large\" | \"full\"",
50+
"required": false,
51+
"inherit": null
52+
},
53+
{
54+
"name": "size",
55+
"description": "",
56+
"type": "\"1\" | \"2\" | \"3\" | \"4\"",
57+
"required": false,
58+
"inherit": null
59+
},
3960
{
4061
"name": "unmountOnHide",
4162
"description": "<p>When <code>true</code>, the element will be unmounted on closed state.</p>",
4263
"type": "boolean",
4364
"required": false,
4465
"inherit": "reka-ui"
66+
},
67+
{
68+
"name": "variant",
69+
"description": "",
70+
"type": "\"solid\" | \"soft\" | \"surface\" | \"outline\" | \"ghost\"",
71+
"required": false,
72+
"inherit": null
4573
}
4674
],
4775
"events": [
@@ -53,7 +81,7 @@
5381
"slots": [
5482
{
5583
"name": "open",
56-
"description": "<p>Current open state</p>\n",
84+
"description": "",
5785
"type": "boolean"
5886
}
5987
],

‎.vitepress/meta/RadioGroupItem.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,27 @@
1515
"required": false,
1616
"inherit": "reka-ui"
1717
},
18+
{
19+
"name": "color",
20+
"description": "",
21+
"type": "\"indigo\" | \"gray\" | \"gold\" | \"bronze\" | \"brown\" | \"yellow\" | \"amber\" | \"orange\" | \"tomato\" | \"red\" | \"ruby\" | \"crimson\" | \"pink\" | \"plum\" | \"purple\" | \"violet\" | \"iris\" | \"blue\" | \"cyan\" | \"teal\" | \"jade\" | \"green\" | \"grass\" | \"lime\" | \"mint\" | \"sky\"",
22+
"required": false,
23+
"inherit": null
24+
},
1825
{
1926
"name": "disabled",
2027
"description": "<p>When <code>true</code>, prevents the user from interacting with the radio item.</p>",
2128
"type": "boolean",
2229
"required": false,
2330
"inherit": "reka-ui"
2431
},
32+
{
33+
"name": "highContrast",
34+
"description": "",
35+
"type": "boolean",
36+
"required": false,
37+
"inherit": null
38+
},
2539
{
2640
"name": "id",
2741
"description": "",
@@ -43,12 +57,26 @@
4357
"required": false,
4458
"inherit": "reka-ui"
4559
},
60+
{
61+
"name": "size",
62+
"description": "",
63+
"type": "\"1\" | \"2\" | \"3\"",
64+
"required": false,
65+
"inherit": null
66+
},
4667
{
4768
"name": "value",
4869
"description": "<p>The value given as data when submitted with a <code>name</code>.</p>",
4970
"type": "AcceptableValue",
5071
"required": false,
5172
"inherit": "reka-ui"
73+
},
74+
{
75+
"name": "variant",
76+
"description": "",
77+
"type": "\"soft\" | \"surface\"",
78+
"required": false,
79+
"inherit": null
5280
}
5381
],
5482
"events": [],

‎.vitepress/meta/ScrollArea.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353
{
5454
"name": "type",
5555
"description": "<p>Describes the nature of scrollbar visibility, similar to how the scrollbar preferences in MacOS control visibility of native scrollbars.</p>\n<p><code>auto</code> - means that scrollbars are visible when content is overflowing on the corresponding orientation. &lt;br&gt;\n<code>always</code> - means that scrollbars are always visible regardless of whether the content is overflowing.&lt;br&gt;\n<code>scroll</code> - means that scrollbars are visible when the user is scrolling along its corresponding orientation.&lt;br&gt;\n<code>hover</code> - when the user is scrolling along its corresponding orientation and when the user is hovering over the scroll area.</p>",
56-
"type": "\"auto\" | \"always\" | \"scroll\" | \"hover\"",
56+
"type": "\"auto\" | \"scroll\" | \"always\" | \"hover\"",
5757
"required": false,
5858
"inherit": "reka-ui"
5959
}

‎.vitepress/meta/SocialButton.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,13 @@
4343
"required": false,
4444
"inherit": null,
4545
"default": "\"2\""
46+
},
47+
{
48+
"name": "variant",
49+
"description": "",
50+
"type": "\"solid\" | \"soft\" | \"surface\" | \"outline\" | \"classic\"",
51+
"required": false,
52+
"inherit": null
4653
}
4754
],
4855
"events": [],

‎.vitepress/meta/ToggleGroupRoot.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -117,10 +117,10 @@
117117
{
118118
"name": "variant",
119119
"description": "<p>The visual variant to apply.</p>",
120-
"type": "\"solid\" | \"soft\" | \"ghost\"",
120+
"type": "\"solid\" | \"soft\" | \"surface\" | \"outline\" | \"ghost\"",
121121
"required": false,
122122
"inherit": null,
123-
"default": "\"soft\""
123+
"default": "\"solid\""
124124
}
125125
],
126126
"events": [

‎docs/content/components/radio-group.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,3 +18,13 @@ reka: https://reka-ui.com/docs/components/radio-group
1818
### RadioGroupItem
1919

2020
<PropsTable name="RadioGroupItem" />
21+
22+
## Examples
23+
24+
### Variant
25+
26+
<Example name="radio-group/Variant.vue" />
27+
28+
### Size
29+
30+
<Example name="radio-group/Size.vue" />

‎docs/content/components/tabs.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,3 +32,7 @@ radix: https://www.radix-ui.com/themes/docs/components/tabs
3232
### Variant
3333

3434
<Example name="tabs/Variant.vue" />
35+
36+
### Size
37+
38+
<Example name="tabs/Size.vue" />

0 commit comments

Comments
 (0)