[Style Guide] Adding WranglerConfig, adding info on GitHubCode. (#21602)

* Adding WranglerConfig, adding info on GitHubCode.

* Update src/content/docs/style-guide/components/wrangler-config.mdx

Author: Oxyjun

src/content/docs/style-guide/components/github-code.mdx

@@ -89,14 +89,24 @@ const baz = foo();
 **required**
 **type:** `string`
 
-The owner and repository to pull from, for example `cloudflare/workers-rs`.
+The owner and repository to pull from, in the form of `cloudflare/<REPO-NAME>`
+
+For example:
+
+- `cloudflare/workers-rs`.
+- `cloudflare/templates`.
 
 ### `file`
 
 **required**
 **type:** `string`
 
-The file path to pull from, for example `templates/hello-world/src/lib.rs`.
+The file path to pull from, in the form of `path/to/filename-including-extensions`. This path excludes the repo name.
+
+For example:
+
+- `templates/hello-world/src/lib.rs`.
+- `d1-starter-sessions-api/src/index.ts`.
 
 ### `commit`
 

src/content/docs/style-guide/components/wrangler-config.mdx

@@ -0,0 +1,29 @@
+---
+title: WranglerConfig
+styleGuide:
+  component: WranglerConfig
+---
+
+This component can be used to automatically generate a `jsonc` version of the `toml` (or vice versa) for a Cloudflare [Wrangler configuration file](/workers/wrangler/configuration/).
+
+## Import
+
+```mdx
+import { WranglerConfig } from "~/components";
+```
+
+## Usage
+
+````mdx live
+import { WranglerConfig } from "~/components";
+
+<WranglerConfig>
+```toml
+[[d1_databases]]
+binding = "DB" # available in your Worker on env.DB
+database_name = "prod-d1-tutorial"
+database_id = "<unique-ID-for-your-database>"
+```
+</WranglerConfig>
+
+````