fix: toggle group example

radix-svelte · Apr 25, 2023 · 653c97f · 653c97f
1 parent 1f6597f
commit 653c97f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -69,7 +69,7 @@
 		"@testing-library/svelte": "^3.2.2",
 		"@typescript-eslint/eslint-plugin": "^5.45.0",
 		"@typescript-eslint/parser": "^5.45.0",
-		"@vercel/analytics": "^0.1.11",
+		"@vercel/analytics": "^1.0.0",
 		"autoprefixer": "^10.4.7",
 		"clsx": "^1.2.1",
 		"eslint": "^8.28.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routes/(previews)/ToggleGroup/example.svelte b/src/routes/(previews)/ToggleGroup/example.svelte
@@ -18,21 +18,21 @@
 
 <div class="contents">
 	<ToggleGroup.Root
-		class=""
+		class="flex items-center data-[orientation='vertical']:flex-col"
 		type={castPropsObj.Root.type}
 		bind:value={castPropsObj.Root.value}
 		dir={propsObj.Root.dir}
 		orientation={propsObj.Root.orientation}
 		rovingFocus={propsObj.Root.rovingFocus}
 		aria-label="Text alignment"
 	>
-		<ToggleGroup.Item class="" value="left" aria-label="Left aligned">
+		<ToggleGroup.Item class="toggle-item" value="left" aria-label="Left aligned">
 			<TextAlignLeftIcon />
 		</ToggleGroup.Item>
-		<ToggleGroup.Item class="" value="center" aria-label="Center aligned">
+		<ToggleGroup.Item class="toggle-item" value="center" aria-label="Center aligned">
 			<TextAlignCenterIcon />
 		</ToggleGroup.Item>
-		<ToggleGroup.Item class="" value="right" aria-label="Right aligned">
+		<ToggleGroup.Item class="toggle-item" value="right" aria-label="Right aligned">
 			<TextAlignRightIcon />
 		</ToggleGroup.Item>
 	</ToggleGroup.Root>