created:5/17/2021
updated:5/17/2021
internal usage
This is an analysis of the
react-colorful jsx components that have 'stories'Components usage - how many times a component is being used from another component and which of their properties are used
component | attributes | #stories | #used in |
|---|---|---|---|
| ColorPicker | 2 | 7 | |
| AlphaColorPicker | 2 | 6 | |
| Pointer | 1 | 3 | |
| Interactive | 1 | 3 | |
| Saturation | 1 | 2 | |
| Hue | 1 | 2 | |
| Alpha | 1 | 1 | |
| RgbStringColorPicker | 1 | 0 | |
| RgbColorPicker | 1 | 0 | |
| RgbaStringColorPicker | 1 | 0 | |
| RgbaColorPicker | 1 | 0 | |
| HsvStringColorPicker | 1 | 0 | |
| HsvColorPicker | 1 | 0 | |
| HsvaStringColorPicker | 1 | 0 | |
| HsvaColorPicker | 1 | 0 | |
| HslStringColorPicker | 1 | 0 | |
| HslColorPicker | 1 | 0 | |
| HslaStringColorPicker | 1 | 0 | |
| HslaColorPicker | 1 | 0 | |
| HexColorPicker | 1 | 0 | |
| HexColorInput | 1 | 0 |
Attributes usage - how many times an attribute is being set on a component, and on which component it is being set
attribute | components | #used | #total used |
|---|---|---|---|
| colorModel | 2 | 13 | |
| className | 3 | 5 | |
| onChange | 3 | 5 | |
| color | 1 | 3 | |
| left | 1 | 3 | |
| aria-valuetext | 1 | 3 | |
| aria-label | 1 | 3 | |
| onKey | 1 | 3 | |
| onMove | 1 | 3 | |
| hsva | 2 | 3 | |
| hue | 1 | 2 | |
| top | 1 | 1 |
How many times a component is being used from another component, with a list of the components using it
component | #used |
|---|---|
| Saturation | 1 |
| Hue | 1 |
| Alpha | 1 |
component | #used |
|---|---|
| Saturation | 1 |
| Hue | 1 |
| Alpha | 1 |
component | #used |
|---|---|
| ColorPicker | 1 |
| AlphaColorPicker | 1 |
component | #used |
|---|---|
| ColorPicker | 1 |
| AlphaColorPicker | 1 |
component | #used |
|---|---|
| AlphaColorPicker | 1 |
How many times an attribute is being used on a component, with a list of those components
component | #used |
|---|---|
| ColorPicker | 7 |
| AlphaColorPicker | 6 |
component | #used |
|---|---|
| Saturation | 2 |
| Hue | 2 |
| Alpha | 1 |
component | #used |
|---|---|
| Saturation | 2 |
| Alpha | 1 |
component | #used |
|---|---|
| Interactive | 3 |
component | #used |
|---|---|
| Interactive | 3 |
component | #used |
|---|---|
| Interactive | 3 |
component | #used |
|---|---|
| Interactive | 3 |
component | #used |
|---|---|
| Pointer | 3 |
component | #used |
|---|---|
| Pointer | 3 |
component | #used |
|---|---|
| Hue | 2 |
component | #used |
|---|---|
| Pointer | 1 |