Skip to content

Commit 802779e

Browse files
Ankan002Ankan002
committed
feat: ✨ add toggle group and toogle v0 compat
1 parent 061086b commit 802779e

9 files changed

+264
-0
lines changed

‎public/r/toggle-group-outlined.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"name": "toggle-group-style-outline-muted",
3+
"title": "toggle-group-style-outline-muted",
4+
"type": "registry:block",
5+
"registryDependencies": [
6+
"https://retroui.dev/r/toggle.json",
7+
"https://retroui.dev/r/toggle-group.json"
8+
],
9+
"dependencies": ["lucide-react"],
10+
"files": [
11+
{
12+
"path": "preview/components/toggle-group-style-outline-muted.tsx",
13+
"target": "components/retroui/preview/toggle-group-style-outline-muted.tsx",
14+
"type": "registry:block",
15+
"content": "\"use client\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/retroui\";\nimport { Bold, Italic, Underline } from \"lucide-react\";\n\nexport default function ToggleGroupStyleOutlined() {\n return (\n <ToggleGroup type=\"multiple\" variant=\"outlined\">\n <ToggleGroupItem value=\"bold\">\n <Bold className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"italic\">\n <Italic className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"underline\">\n <Underline className=\"h-4 w-4\" />\n </ToggleGroupItem>\n </ToggleGroup>\n );\n}\n"
16+
}
17+
]
18+
}

‎public/r/toggle-group-style-default.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"name": "toggle-group-style-default",
3+
"title": "toggle-group-style-default",
4+
"type": "registry:block",
5+
"registryDependencies": [
6+
"https://retroui.dev/r/toggle.json",
7+
"https://retroui.dev/r/toggle-group.json"
8+
],
9+
"dependencies": ["lucide-react"],
10+
"files": [
11+
{
12+
"path": "preview/components/toggle-group-style-default.tsx",
13+
"target": "components/retroui/preview/toggle-group-style-default.tsx",
14+
"type": "registry:block",
15+
"content": "\"use client\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/retroui\";\nimport { Bold, Italic, Underline } from \"lucide-react\";\n\nexport default function ToggleGroupStyleDefault() {\n return (\n <ToggleGroup type=\"multiple\" variant=\"default\">\n <ToggleGroupItem value=\"bold\">\n <Bold className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"italic\">\n <Italic className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"underline\">\n <Underline className=\"h-4 w-4\" />\n </ToggleGroupItem>\n </ToggleGroup>\n );\n}"
16+
}
17+
]
18+
}

‎public/r/toggle-group-style-outline-muted.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"name": "toggle-group-style-outline-muted",
3+
"title": "toggle-group-style-outline-muted",
4+
"type": "registry:block",
5+
"registryDependencies": [
6+
"https://retroui.dev/r/toggle.json",
7+
"https://retroui.dev/r/toggle-group.json"
8+
],
9+
"dependencies": ["lucide-react"],
10+
"files": [
11+
{
12+
"path": "preview/components/toggle-group-style-outline-muted.tsx",
13+
"target": "components/retroui/preview/toggle-group-style-outline-muted.tsx",
14+
"type": "registry:block",
15+
"content": "\"use client\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/retroui\";\nimport { Bold, Italic, Underline } from \"lucide-react\";\n\nexport default function ToggleGroupStyleOutlineMuted() {\n return (\n <ToggleGroup type=\"multiple\" variant=\"outline-muted\">\n <ToggleGroupItem value=\"bold\">\n <Bold className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"italic\">\n <Italic className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"underline\">\n <Underline className=\"h-4 w-4\" />\n </ToggleGroupItem>\n </ToggleGroup>\n );\n}"
16+
}
17+
]
18+
}

‎public/r/toggle-group-style-solid.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"name": "toggle-group-style-outline-muted",
3+
"title": "toggle-group-style-outline-muted",
4+
"type": "registry:block",
5+
"registryDependencies": [
6+
"https://retroui.dev/r/toggle.json",
7+
"https://retroui.dev/r/toggle-group.json"
8+
],
9+
"dependencies": ["lucide-react"],
10+
"files": [
11+
{
12+
"path": "preview/components/toggle-group-style-outline-muted.tsx",
13+
"target": "components/retroui/preview/toggle-group-style-outline-muted.tsx",
14+
"type": "registry:block",
15+
"content": "\"use client\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/retroui\";\nimport { Bold, Italic, Underline } from \"lucide-react\";\n\nexport default function ToggleGroupStyleSolid() {\n return (\n <ToggleGroup type=\"multiple\" variant=\"solid\">\n <ToggleGroupItem value=\"bold\">\n <Bold className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"italic\">\n <Italic className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"underline\">\n <Underline className=\"h-4 w-4\" />\n </ToggleGroupItem>\n </ToggleGroup>\n );\n}\n"
16+
}
17+
]
18+
}

‎public/r/toggle-style-default.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "toggle-style-default",
3+
"title": "toggle-style-default",
4+
"type": "registry:block",
5+
"registryDependencies": ["https://retroui.dev/r/toggle.json"],
6+
"dependencies": ["lucide-react"],
7+
"files": [
8+
{
9+
"path": "preview/components/toggle-style-default.tsx",
10+
"target": "components/retroui/preview/toggle-style-default.tsx",
11+
"type": "registry:block",
12+
"content": "import { Toggle } from \"@/components/retroui\";\nimport { Bold } from \"lucide-react\";\n\nexport default function ToggleStyleDefault() {\n return (\n <Toggle>\n <Bold />\n </Toggle>\n );\n}\n"
13+
}
14+
]
15+
}

‎public/r/toggle-style-outline-muted.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "toggle-style-outline-muted",
3+
"title": "toggle-style-outline-muted",
4+
"type": "registry:block",
5+
"registryDependencies": ["https://retroui.dev/r/toggle.json"],
6+
"dependencies": ["lucide-react"],
7+
"files": [
8+
{
9+
"path": "preview/components/toggle-style-outline-muted.tsx",
10+
"target": "components/retroui/preview/toggle-style-outline-muted.tsx",
11+
"type": "registry:block",
12+
"content": "import { Toggle } from \"@/components/retroui\";\nimport { Bold } from \"lucide-react\";\n\nexport default function ToggleStyleOutlineMuted() {\n return (\n <Toggle variant=\"outline-muted\">\n <Bold />\n </Toggle>\n );\n}"
13+
}
14+
]
15+
}

‎public/r/toggle-style-outlined.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "toggle-style-outlined",
3+
"title": "toggle-style-outlined",
4+
"type": "registry:block",
5+
"registryDependencies": ["https://retroui.dev/r/toggle.json"],
6+
"dependencies": ["lucide-react"],
7+
"files": [
8+
{
9+
"path": "preview/components/toggle-style-outlined.tsx",
10+
"target": "components/retroui/preview/toggle-style-outlined.tsx",
11+
"type": "registry:block",
12+
"content": "import { Toggle } from \"@/components/retroui\";\nimport { Bold } from \"lucide-react\";\n\nexport default function ToggleStyleOutlined() {\n return (\n <Toggle variant=\"outlined\">\n <Bold />\n </Toggle>\n );\n}"
13+
}
14+
]
15+
}

‎public/r/toggle-style-solid.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "toggle-style-solid",
3+
"title": "toggle-style-solid",
4+
"type": "registry:block",
5+
"registryDependencies": ["https://retroui.dev/r/toggle.json"],
6+
"dependencies": ["lucide-react"],
7+
"files": [
8+
{
9+
"path": "preview/components/toggle-style-solid.tsx",
10+
"target": "components/retroui/preview/toggle-style-solid.tsx",
11+
"type": "registry:block",
12+
"content": "import { Toggle } from \"@/components/retroui\";\nimport { Italic } from \"lucide-react\";\n\nexport default function ToggleStyleSolid() {\n return (\n <Toggle variant=\"solid\">\n <Italic /> Italics\n </Toggle>\n );\n}"
13+
}
14+
]
15+
}

‎registry.json‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1128,6 +1128,138 @@
11281128
"type": "registry:block"
11291129
}
11301130
]
1131+
},
1132+
{
1133+
"name": "toggle-style-default",
1134+
"title": "toggle-style-default",
1135+
"type": "registry:block",
1136+
"registryDependencies": [
1137+
"https://retroui.dev/r/toggle.json"
1138+
],
1139+
"dependencies": ["lucide-react"],
1140+
"files": [
1141+
{
1142+
"path": "preview/components/toggle-style-default.tsx",
1143+
"target": "components/retroui/preview/toggle-style-default.tsx",
1144+
"type": "registry:block"
1145+
}
1146+
]
1147+
},
1148+
{
1149+
"name": "toggle-style-outline-muted",
1150+
"title": "toggle-style-outline-muted",
1151+
"type": "registry:block",
1152+
"registryDependencies": [
1153+
"https://retroui.dev/r/toggle.json"
1154+
],
1155+
"dependencies": ["lucide-react"],
1156+
"files": [
1157+
{
1158+
"path": "preview/components/toggle-style-outline-muted.tsx",
1159+
"target": "components/retroui/preview/toggle-style-outline-muted.tsx",
1160+
"type": "registry:block"
1161+
}
1162+
]
1163+
},
1164+
{
1165+
"name": "toggle-style-outlined",
1166+
"title": "toggle-style-outlined",
1167+
"type": "registry:block",
1168+
"registryDependencies": [
1169+
"https://retroui.dev/r/toggle.json"
1170+
],
1171+
"dependencies": ["lucide-react"],
1172+
"files": [
1173+
{
1174+
"path": "preview/components/toggle-style-outlined.tsx",
1175+
"target": "components/retroui/preview/toggle-style-outlined.tsx",
1176+
"type": "registry:block"
1177+
}
1178+
]
1179+
},
1180+
{
1181+
"name": "toggle-style-solid",
1182+
"title": "toggle-style-solid",
1183+
"type": "registry:block",
1184+
"registryDependencies": [
1185+
"https://retroui.dev/r/toggle.json"
1186+
],
1187+
"dependencies": ["lucide-react"],
1188+
"files": [
1189+
{
1190+
"path": "preview/components/toggle-style-solid.tsx",
1191+
"target": "components/retroui/preview/toggle-style-solid.tsx",
1192+
"type": "registry:block"
1193+
}
1194+
]
1195+
},
1196+
{
1197+
"name": "toggle-group-style-default",
1198+
"title": "toggle-group-style-default",
1199+
"type": "registry:block",
1200+
"registryDependencies": [
1201+
"https://retroui.dev/r/toggle.json",
1202+
"https://retroui.dev/r/toggle-group.json"
1203+
],
1204+
"dependencies": ["lucide-react"],
1205+
"files": [
1206+
{
1207+
"path": "preview/components/toggle-group-style-default.tsx",
1208+
"target": "components/retroui/preview/toggle-group-style-default.tsx",
1209+
"type": "registry:block"
1210+
}
1211+
]
1212+
},
1213+
{
1214+
"name": "toggle-group-style-outline-muted",
1215+
"title": "toggle-group-style-outline-muted",
1216+
"type": "registry:block",
1217+
"registryDependencies": [
1218+
"https://retroui.dev/r/toggle.json",
1219+
"https://retroui.dev/r/toggle-group.json"
1220+
],
1221+
"dependencies": ["lucide-react"],
1222+
"files": [
1223+
{
1224+
"path": "preview/components/toggle-group-style-outline-muted.tsx",
1225+
"target": "components/retroui/preview/toggle-group-style-outline-muted.tsx",
1226+
"type": "registry:block"
1227+
}
1228+
]
1229+
},
1230+
{
1231+
"name": "toggle-group-style-outlined",
1232+
"title": "toggle-group-style-outlined",
1233+
"type": "registry:block",
1234+
"registryDependencies": [
1235+
"https://retroui.dev/r/toggle.json",
1236+
"https://retroui.dev/r/toggle-group.json"
1237+
],
1238+
"dependencies": ["lucide-react"],
1239+
"files": [
1240+
{
1241+
"path": "preview/components/toggle-group-style-outlined.tsx",
1242+
"target": "components/retroui/preview/toggle-group-style-outlined.tsx",
1243+
"type": "registry:block"
1244+
}
1245+
]
1246+
},
1247+
{
1248+
"name": "toggle-group-style-solid",
1249+
"title": "toggle-group-style-solid",
1250+
"type": "registry:block",
1251+
"registryDependencies": [
1252+
"https://retroui.dev/r/toggle.json",
1253+
"https://retroui.dev/r/toggle-group.json"
1254+
],
1255+
"dependencies": ["lucide-react"],
1256+
"files": [
1257+
{
1258+
"path": "preview/components/toggle-style-solid.tsx",
1259+
"target": "components/retroui/preview/toggle-group-style-solid.tsx",
1260+
"type": "registry:block"
1261+
}
1262+
]
11311263
}
11321264
]
11331265
}

0 commit comments

Comments
 (0)