A pack of extensions for grommet 2
Edit this page
created:4/8/2021
updated:4/8/2021

Components JSX stats

This is an analysis of the grommet-controls jsx components that have 'stories'

Components usage summary

Components usage - how many times a component is being used from another component and which of their properties are used

Components usage

component
attributes
#stories
#used in
MaskedInput
updatedropIcondropContentonChangevaluemaskinputModepatternonKeyDownonKeyUpdisabledpipewidgets
15
5
DropInput
10
2
Tag
12
1
PasswordInput
2
1
NumberInput
13
1
ImageStamp
2
1
EmailInput
1
1
DateInput
8
1
Colors
6
1
ColorInput
2
1
ScatterChart
4
0
RadarChart
3
0
PolarChart
2
0
PieChart
2
0
LineChart
17
0
HorizontalBarChart
2
0
DoughnutChart
2
0
BarChart
5
0
VerticalMenu
2
0
Value
6
0
TextInputField
3
0
TextAreaField
3
0
Tags
10
0
Spinning
4
0
Sidebar
4
0
SelectField
3
0
PasswordInputField
3
0
PagingTable
2
0
NumberInputField
3
0
Notification
12
0
MaskedInputField
3
0
IconButton
1
0
Header
3
0
Form
5
0
EmailInputField
3
0
DateInputField
3
0
ColorInputField
2
0
CheckBoxField
3
0
Card
8
0
Avatar
1
0

Attributes usage summary

Attributes usage - how many times an attribute is being set on a component, and on which component it is being set

Components usage details

How many times a component is being used from another component, with a list of the components using it

DropInput

component
#used
PasswordInput
1
MaskedInput
1

ColorInput

component
#used
ColorInputField
1

Colors

component
#used
ColorInput
1

DateInput

component
#used
DateInputField
1

EmailInput

component
#used
EmailInputField
1

ImageStamp

component
#used
Avatar
1

NumberInput

component
#used
NumberInputField
1

PasswordInput

component
#used
PasswordInputField
1

Tag

component
#used
Tags
1

Attributes usage details

How many times an attribute is being used on a component, with a list of those components

update

component
#used
MaskedInput
3

onChange

component
#used
MaskedInput
2
Tag
1

ref

component
#used
Tag
1
DropInput
1

value

component
#used
MaskedInput
1
DropInput
1

widgets

component
#used
MaskedInput
1
DropInput
1

dropContent

component
#used
MaskedInput
2

mask

component
#used
MaskedInput
2

inputMode

component
#used
MaskedInput
2

color

component
#used
Colors
1

colors

component
#used
Colors
1

onSelect

component
#used
Colors
1

columns

component
#used
Colors
1

wrap

component
#used
Colors
1

size

component
#used
Colors
1

defaultValue

component
#used
DropInput
1

onInput

component
#used
DropInput
1

type

component
#used
DropInput
1

src

component
#used
ImageStamp
1

round

component
#used
ImageStamp
1

dropIcon

component
#used
MaskedInput
1

pattern

component
#used
MaskedInput
1

onKeyDown

component
#used
MaskedInput
1

onKeyUp

component
#used
MaskedInput
1

disabled

component
#used
MaskedInput
1

pipe

component
#used
MaskedInput
1

key

component
#used
Tag
1

ariaChecked

component
#used
Tag
1

a11yTitle

component
#used
Tag
1

label

component
#used
Tag
1

onClick

component
#used
Tag
1

icon

component
#used
Tag
1