From 7516c7f420c0b8c050c9de665f6b8aabaddb126c Mon Sep 17 00:00:00 2001
From: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
Date: Wed, 14 Dec 2022 18:34:23 +0000
Subject: [PATCH] `settings.md`: Fix formatting in an example (#9758)

---
 docs/settings.md | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/docs/settings.md b/docs/settings.md
index 4222c86e06..b8a575ff5a 100644
--- a/docs/settings.md
+++ b/docs/settings.md
@@ -75,13 +75,17 @@ instance, the component which allows changing the setting may be hidden conditio
 Where possible, the `SettingsFlag` component should be used to set simple "flip-a-bit" (true/false) settings. The
 `SettingsFlag` also supports simple radio button options, such as the theme the user would like to use.
 
-```html
-<SettingsFlag name="theSettingId" level={SettingsLevel.ROOM} roomId="!curbf:matrix.org" label={_td("Your label here")}
-// optional, if falsey then the `SettingsStore` will be used onChange={function(newValue) { }} // optional, called after
-saving isExplicit={false} // this is passed along to `SettingsStore.getValueAt`, defaulting to false manualSave={false}
-// if true, saving is delayed. You will need to call .save() on this component // Options for radio buttons
-group="your-radio-group" // this enables radio button support value="yourValueHere" // the value for this particular
-option />
+```TSX
+<SettingsFlag name="theSettingId" level={SettingsLevel.ROOM} roomId="!curbf:matrix.org"
+    label={_td("Your label here")} // optional, if falsey then the `SettingsStore` will be used
+    onChange={function(newValue) { }} // optional, called after saving
+    isExplicit={false} // this is passed along to `SettingsStore.getValueAt`, defaulting to false
+    manualSave={false} // if true, saving is delayed. You will need to call .save() on this component
+
+    // Options for radio buttons
+    group="your-radio-group" // this enables radio button support
+    value="yourValueHere" // the value for this particular option
+/>
 ```
 
 ### Getting the display name for a setting