docs: add Dart code examples and wrap all examples in a CodeGroup component for sliver widget documentation

[divyanshub024]

Description

add Dart code examples and wrap all examples in a CodeGroup component for sliver widget documentation

Related Issues

Closes #

Type of Change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to change)
• Code refactor
• Build configuration change
• Documentation
• Chore

Summary by CodeRabbit

• Documentation
  • Improved widget documentation with enhanced code example formatting
  • Added Dart code snippets alongside JSON examples for better clarity
  • Reorganized examples using grouped presentation format across multiple widget pages

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR standardizes example formatting across three sliver widget documentation files by replacing standalone "Example JSON" sections with unified "Example" sections that wrap both Dart and JSON code snippets within <CodeGroup> containers for improved presentation.

Changes

Cohort / File(s)	Summary
Documentation Example Reformatting docs/widgets/sliver_fill_remaining.mdx, docs/widgets/sliver_grid.mdx, docs/widgets/sliver_list.mdx	Renamed "Example JSON" section headers to "Example" and wrapped code snippets in <CodeGroup> containers to display Dart and JSON examples together in a single cohesive block.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• feat: add stacSliverFillRemaining widget, parser, example, and docume… #430: Introduces the sliver_fill_remaining widget and initial documentation; this PR reformats its example section to match the updated CodeGroup standard.

Poem

🐰 Documentation hops with style so bright,
CodeGroups wrap examples, a delightful sight,
Dart and JSON in harmony dance,
Widget docs get their formatting chance—
Standardized, polished, and oh so neat,
Making every reader's journey complete! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: adding Dart code examples and wrapping examples in CodeGroup components across sliver widget documentation files.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dv/sliver-docs

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

docs/widgets/sliver_list.mdx (1)

31-111: ⚠️ Potential issue | 🟡 Minor

Inconsistent structure between Dart and JSON examples.

The Dart example shows only the StacSliverList component (lines 33-57), but the JSON example wraps it in a full scaffold > customScrollView > slivers structure (lines 61-109). This differs from the other sliver docs (sliver_fill_remaining.mdx and sliver_grid.mdx) where both Dart and JSON show just the component.

Consider aligning the JSON to show only the sliverList portion for consistency:

📝 Suggested JSON (component only)

-{
-  "type": "scaffold",
-  "body": {
-    "type": "customScrollView",
-    "slivers": [
-      {
-        "type": "sliverList",
-        "children": [
+{
+  "type": "sliverList",
+  "children": [
           ...
-        ]
-      }
-    ]
-  }
-}
+  ]
+}