@scaleflex/widget-common 4.0.7 → 4.3.0

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/LICENSE CHANGED
File without changes
package/README.md CHANGED
@@ -1,58 +1,58 @@
1
- # `@scaleflex/widget-common`
2
-
3
- [![Plugins][plugins-image]](#plugins)
4
- [![Website][filerobot-image]][sfx-url]
5
- [![Version][filerobot-version]][version-url]
6
- [![Scaleflex team][made-by-image]][sfx-url]
7
- [![License][license-image]][license-url]
8
- [![CodeSandbox][codeSandbox-image]][codeSandbox-url]
9
-
10
-
11
- <div align='center'>
12
- <img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
13
- </div>
14
-
15
- A helper NPM package containing the main components utilized by [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).
16
-
17
- ## Usage
18
-
19
- ### NPM
20
-
21
- ```bash
22
- npm install --save @scaleflex/widget-common
23
- ```
24
-
25
- ### YARN
26
-
27
- ```bash
28
- yarn add @scaleflex/widget-common
29
- ```
30
-
31
- then
32
-
33
- ```js
34
- import { RangeSlider } from '@scaleflex/widget-common'
35
- ...
36
- ...
37
- ...
38
- <RangeSlider {...rangeSliderProps} />
39
- ```
40
-
41
- > Note: Check each component's props from the component's file itself.
42
-
43
- <!-- Variables -->
44
-
45
- [npm-url]: https://www.npmjs.com/package/@scaleflex/widget-common
46
- [license-url]: https://opensource.org/licenses/MIT
47
- [sfx-url]: https://www.scaleflex.com/
48
- [version-url]: https://www.npmjs.com/package/@scaleflex/widget-common
49
- [codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js
50
-
51
-
52
- [npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
53
- [license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
54
- [made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
55
- [plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
56
- [filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
57
- [filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-common?label=Version&style=for-the-badge&logo=npm
58
- [codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
1
+ # `@scaleflex/widget-common`
2
+
3
+ [![Plugins][plugins-image]](#plugins)
4
+ [![Website][filerobot-image]][sfx-url]
5
+ [![Version][filerobot-version]][version-url]
6
+ [![Scaleflex team][made-by-image]][sfx-url]
7
+ [![License][license-image]][license-url]
8
+ [![CodeSandbox][codeSandbox-image]][codeSandbox-url]
9
+
10
+
11
+ <div align='center'>
12
+ <img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
13
+ </div>
14
+
15
+ A helper NPM package containing the main components utilized by [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).
16
+
17
+ ## Usage
18
+
19
+ ### NPM
20
+
21
+ ```bash
22
+ npm install --save @scaleflex/widget-common
23
+ ```
24
+
25
+ ### YARN
26
+
27
+ ```bash
28
+ yarn add @scaleflex/widget-common
29
+ ```
30
+
31
+ then
32
+
33
+ ```js
34
+ import { RangeSlider } from '@scaleflex/widget-common'
35
+ ...
36
+ ...
37
+ ...
38
+ <RangeSlider {...rangeSliderProps} />
39
+ ```
40
+
41
+ > Note: Check each component's props from the component's file itself.
42
+
43
+ <!-- Variables -->
44
+
45
+ [npm-url]: https://www.npmjs.com/package/@scaleflex/widget-common
46
+ [license-url]: https://opensource.org/licenses/MIT
47
+ [sfx-url]: https://www.scaleflex.com/
48
+ [version-url]: https://www.npmjs.com/package/@scaleflex/widget-common
49
+ [codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js
50
+
51
+
52
+ [npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
53
+ [license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
54
+ [made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
55
+ [plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
56
+ [filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
57
+ [filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-common?label=Version&style=for-the-badge&logo=npm
58
+ [codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox