diff --git a/CHANGELOG.md b/CHANGELOG.md index cd0b2c8488..c2d51afd0a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -34,6 +34,7 @@ should change the heading of the (upcoming) version to include a major version b - Updated the `custom-templates.md` file to add the missing asterisk to the new `FieldErrorTemplate` and `FieldHelpTemplate` - Updated the playground to add a new button for programmatically validating a form - Also updated the `validation.md` documentation to describe how to programmatically validate a form +- Fixed the `chakra-ui` custom `uiSchema` documentation to make it clear they work on a per-field basis, fixing (https://github.com/rjsf-team/react-jsonschema-form/issues/2865) # 5.0.0-beta.8 diff --git a/docs/api-reference/themes/chakra-ui/uiSchema.md b/docs/api-reference/themes/chakra-ui/uiSchema.md index 5f056ae826..6dc13d5027 100644 --- a/docs/api-reference/themes/chakra-ui/uiSchema.md +++ b/docs/api-reference/themes/chakra-ui/uiSchema.md @@ -4,17 +4,19 @@ When using `@rjsf/chakra-ui` there are a couple of ways to customize the feel of ## Styling -You can use `ChakraProvider`, where you can customize the components at a theme level.\ +You can use `ChakraProvider`, where you can customize the field components at a theme level. And, `uiSchema` allows for the use of a `"chakra"` `"ui:option"` to customize the styling of the form widgets. ```json { - "ui:options": { - "chakra": { - "p": "1rem", - "color": "blue.200", - "sx": { - "margin": "0 auto" + "yourField": { + "ui:options": { + "chakra": { + "p": "1rem", + "color": "blue.200", + "sx": { + "margin": "0 auto" + } } } }