Synchronise tabs in website (#4331)

kunalpowar · kpowarefg · web-flow · commit 3d1ec597d319 · 2025-09-30T09:47:23.000+03:00
## Related Issues fixes #4330  ## Summary by CodeRabbit - Documentation - Tab groups in provider docs now share selection state across related examples, so switching a tab in one snippet keeps the same selection in other corresponding snippets—making comparisons and navigation smoother and reducing repetitive clicks.  Co-authored-by: Kunal U Powar <k.powar@ext.efg.gg>
diff --git a/website/docs/concepts2/providers.mdx b/website/docs/concepts2/providers.mdx
@@ -134,7 +134,7 @@ as per the table above.
 <Tabs>
 <TabItem value="Unmodifiable" label="Unmodifiable (functional)">
 
-<Tabs>
+<Tabs groupId="riverpod">
 <TabItem value="riverpod" label="riverpod">
 <Legend
   code={`
@@ -290,7 +290,7 @@ The type of this object is determined by the name of the function/class.
 </TabItem>
 
 <TabItem value="Modifiable" label="Modifiable (notifier)">
-<Tabs>
+<Tabs groupId="riverpod">
 <TabItem value="riverpod" label="riverpod">
 <Legend
   code={`final name = SomeNotifierProvider.someModifier<MyNotifier, Result>(MyNotifier.new);
diff --git a/website/src/components/CodeSnippet/index.tsx b/website/src/components/CodeSnippet/index.tsx
@@ -185,7 +185,7 @@ export function AutoSnippet(props: {
   }
 
   return (
-    <Tabs>
+    <Tabs groupId="riverpod">
       {tab(props.raw, "riverpod")}
       {tab(props.hooks, "riverpod + flutter_hooks")}
       {tab(props.codegen, "riverpod_generator")}

Original file line number	Diff line number	Diff line change
`@@ -185,7 +185,7 @@ export function AutoSnippet(props: {`
`185`	`185`	`}`
`186`	`186`
`187`	`187`	`return (`
`188`		`- <Tabs>`
	`188`	`+ <Tabs groupId="riverpod">`
`189`	`189`	`{tab(props.raw, "riverpod")}`
`190`	`190`	`{tab(props.hooks, "riverpod + flutter_hooks")}`
`191`	`191`	`{tab(props.codegen, "riverpod_generator")}`