{ this._wrapperRef = ref; }} className={css(styles.richtext && this.state.editing ? 'ql-active' : null, this.props.className || null) || null}>
+
{ this._wrapperRef = ref; }} className={css(styles.richtext && this.state.editing ? 'ql-active' : null, this.props.className || null) || null} style={style}>
{renderLabel}
{/* { this.richTextValue = value; return value; }} /> */}
@@ -1315,15 +1329,15 @@ export default class ControlsTest extends React.Component
+
+ Image icons with support to events:
+ console.log("onClick on FileTypeIcon!")}
+ onDoubleClick={(e) => console.log("onDoubleClick on FileTypeIcon!")}
+ onMouseEnter={(e) => console.log("onMouseEnter on FileTypeIcon!")}
+ onMouseLeave={(e) => console.log("onMouseLeave on FileTypeIcon!")}
+ onMouseOver={(e) => console.log("onMouseOver on FileTypeIcon!")}
+ onMouseUp={(e) => console.log("onMouseUp on FileTypeIcon!")}
+ />
+
Icon size tester:
@@ -1785,6 +1810,13 @@ export default class ControlsTest extends React.Component
+
+
Carousel with minimal configuration:
+
+
@@ -2589,5 +2621,5 @@ export default class ControlsTest extends React.Component {
// console.log('selected folder', folder);
- //
+ //
}
diff --git a/src/webparts/controlsTest/propertyPane/controls/ListPicker.tsx b/src/webparts/controlsTest/propertyPane/controls/ListPicker.tsx
index 3ae5521a0..936a27b2d 100644
--- a/src/webparts/controlsTest/propertyPane/controls/ListPicker.tsx
+++ b/src/webparts/controlsTest/propertyPane/controls/ListPicker.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
-import { Dropdown, IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
-import { Spinner } from '@fluentui/react/lib/components/Spinner';
+import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
+import { Spinner } from '@fluentui/react/lib/Spinner';
import { SPHttpClient } from "@microsoft/sp-http";
import { WebPartContext } from '@microsoft/sp-webpart-base';
import { ISPList } from '../../../../common/SPEntities';