settings.md: Fix formatting in an example (#9758)

This commit is contained in:
Richard van der Hoff 2022-12-14 18:34:23 +00:00 committed by GitHub
parent ce554276db
commit 7516c7f420
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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 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. `SettingsFlag` also supports simple radio button options, such as the theme the user would like to use.
```html ```TSX
<SettingsFlag name="theSettingId" level={SettingsLevel.ROOM} roomId="!curbf:matrix.org" label={_td("Your label here")} <SettingsFlag name="theSettingId" level={SettingsLevel.ROOM} roomId="!curbf:matrix.org"
// optional, if falsey then the `SettingsStore` will be used onChange={function(newValue) { }} // optional, called after label={_td("Your label here")} // optional, if falsey then the `SettingsStore` will be used
saving isExplicit={false} // this is passed along to `SettingsStore.getValueAt`, defaulting to false manualSave={false} onChange={function(newValue) { }} // optional, called after saving
// if true, saving is delayed. You will need to call .save() on this component // Options for radio buttons isExplicit={false} // this is passed along to `SettingsStore.getValueAt`, defaulting to false
group="your-radio-group" // this enables radio button support value="yourValueHere" // the value for this particular manualSave={false} // if true, saving is delayed. You will need to call .save() on this component
option />
// 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 ### Getting the display name for a setting