fansunited-frontend-components 0.0.2 → 0.0.4-RC1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -8
- package/components.js +6919 -6815
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -62,12 +62,13 @@ Interactive quiz component with multiple templates and customization options.
|
|
|
62
62
|
|
|
63
63
|
#### Optional Props
|
|
64
64
|
|
|
65
|
-
| Prop
|
|
66
|
-
|
|
|
67
|
-
| `themeOptions`
|
|
68
|
-
| `showAnswerExplanations`
|
|
69
|
-
| `leads`
|
|
70
|
-
| `imagePosition`
|
|
65
|
+
| Prop | Type | Description |
|
|
66
|
+
| ---------------------------- | -------------------- | --------------------------------------- |
|
|
67
|
+
| `themeOptions` | `CustomThemeOptions` | Theme configuration |
|
|
68
|
+
| `showAnswerExplanations` | `boolean` | Show explanations after quiz completion |
|
|
69
|
+
| `leads` | `LeadsOptions` | Lead collection settings |
|
|
70
|
+
| `imagePosition` | `"left" \| "right"` | Image position (STANDARD template only) |
|
|
71
|
+
| `defaultImagePlaceholderUrl` | `string` | URL for default image placeholder |
|
|
71
72
|
|
|
72
73
|
#### Templates
|
|
73
74
|
|
|
@@ -169,7 +170,7 @@ const themeOptions: CustomThemeOptions = {
|
|
|
169
170
|
secondaryContainer: "#757575",
|
|
170
171
|
},
|
|
171
172
|
},
|
|
172
|
-
|
|
173
|
+
customBreakpoints: {
|
|
173
174
|
values: {
|
|
174
175
|
xs: 0,
|
|
175
176
|
sm: 444,
|
|
@@ -232,6 +233,22 @@ const themeOptions: CustomThemeOptions = {
|
|
|
232
233
|
size: "2px",
|
|
233
234
|
},
|
|
234
235
|
},
|
|
236
|
+
imageBackgroundGradient: {
|
|
237
|
+
light: {
|
|
238
|
+
standard:
|
|
239
|
+
"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
|
|
240
|
+
split:
|
|
241
|
+
"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
|
|
242
|
+
},
|
|
243
|
+
dark: {
|
|
244
|
+
standard:
|
|
245
|
+
"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
|
|
246
|
+
split:
|
|
247
|
+
"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
|
|
248
|
+
overlay:
|
|
249
|
+
"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
|
|
250
|
+
},
|
|
251
|
+
},
|
|
235
252
|
};
|
|
236
253
|
|
|
237
254
|
<ClassicQuizPlay {...otherProps} themeOptions={themeOptions} />;
|
|
@@ -263,7 +280,7 @@ This package is built with TypeScript and provides full type definitions. Import
|
|
|
263
280
|
import {
|
|
264
281
|
ClassicQuizPlayProps,
|
|
265
282
|
WidgetTemplate,
|
|
266
|
-
|
|
283
|
+
MainProps,
|
|
267
284
|
CustomThemeOptions,
|
|
268
285
|
LeadsOptions,
|
|
269
286
|
AnalyticsEvent,
|