You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/reference/widgets.md
+7-9Lines changed: 7 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -41,7 +41,7 @@ It uses the {file}`/src/components/widgets/ColorPicker` component.
41
41
42
42
## `ColorContrastChecker` component
43
43
44
-
The `ColorContrastChecker` is a component that helps ensure text accessibility by calculating the contrast ratio between two colors. It is based on WCAG (Web Content Accessibility Guidelines) accessibility standards. It can be added in a widget following a color input field to let the user know in real-time of insufficient contrast. It can be found at {file}`/src/components/widgets/ColorContrastChecker`.
44
+
The `ColorContrastChecker` is a component that helps ensure text accessibility by calculating the contrast ratio between two colors. It is based on WCAG (Web Content Accessibility Guidelines) accessibility standards. It can be added in a widget following a color input field to let the user know in real-time of insufficient contrast. It can be found at {file}`/src/components/widgets/ColorContrastChecker`.
45
45
46
46
47
47
```{image} /_static/colorContrastChecker.png
@@ -89,13 +89,13 @@ The component accepts hex color codes (e.g., #FF0000) and compares the field's v
89
89
colorPair:'secondary_color',
90
90
default:'#000000',
91
91
},
92
-
accent_color: {
93
-
colorPair:'accent_foreground_color',
94
-
default:'#ecebeb'
92
+
accent_color: {
93
+
colorPair:'accent_foreground_color',
94
+
default:'#ecebeb'
95
95
},
96
-
accent_foreground_color: {
97
-
colorPair:'accent_color',
98
-
default:'#ffffff'
96
+
accent_foreground_color: {
97
+
colorPair:'accent_color',
98
+
default:'#ffffff'
99
99
},
100
100
};
101
101
```
@@ -128,8 +128,6 @@ It uses `@plone/components`.
128
128
:alt: blocksObject
129
129
```
130
130
131
-
This widget saves its contents in Volto's standard blocks format, using the `blocks_layout` and `blocks` keys.
132
-
This allows the standard serializers and deserializers to work with the object schema fields.
133
131
The shape of the objects it contains is defined by either the `schema` or `schemaName` props.
134
132
135
133
If `schemaName` is provided, you should register a schema as a utility in the following form.
0 commit comments