created:3/15/2021
updated:3/15/2021
This is an analysis of the theme-ui 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 |
|---|---|---|---|
| Box | 1 | 39 | |
| Label | 1 | 2 | |
| Image | 1 | 2 | |
| IconButton | 1 | 2 | |
| Link | 1 | 1 | |
| AspectRatio | 1 | 1 | |
| Textarea | 1 | 0 | |
| Text | 1 | 0 | |
| Switch | 1 | 0 | |
| Spinner | 1 | 0 | |
| Slider | 1 | 0 | |
| Select | 1 | 0 | |
| Radio | 1 | 0 | |
| Progress | 1 | 0 | |
| NavLink | 1 | 0 | |
| Message | 1 | 0 | |
| MenuButton | 1 | 0 | |
| Input | 1 | 0 | |
| Heading | 1 | 0 | |
| Grid | 3 | 0 | |
| Flex | 1 | 0 | |
| Field | 1 | 0 | |
| Embed | 1 | 0 | |
| Donut | 1 | 0 | |
| Divider | 1 | 0 | |
| Container | 1 | 0 | |
| Close | 1 | 0 | |
| Checkbox | 1 | 0 | |
| Card | 1 | 0 | |
| Button | 1 | 0 | |
| Badge | 1 | 0 | |
| Avatar | 1 | 0 | |
| AspectImage | 1 | 0 | |
| Alert | 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 |
|---|---|---|---|
| ref | 4 | 31 | |
| __css | 3 | 28 | |
| variant | 4 | 24 | |
| as | 1 | 23 | |
| __themeKey | 1 | 21 | |
| sx | 2 | 14 | |
| height | 2 | 5 | |
| width | 2 | 5 | |
| type | 1 | 4 | |
| aria-label | 2 | 3 | |
| fill | 1 | 3 | |
| viewBox | 1 | 3 | |
| className | 1 | 3 | |
| title | 1 | 2 | |
| role | 1 | 2 | |
| stroke | 1 | 2 | |
| strokeWidth | 1 | 2 | |
| aria-hidden | 1 | 2 | |
| htmlFor | 1 | 1 | |
| children | 1 | 1 | |
| size | 1 | 1 | |
| css | 1 | 1 | |
| strokeDashoffset | 1 | 1 | |
| strokeDasharray | 1 | 1 | |
| r | 1 | 1 | |
| cy | 1 | 1 | |
| cx | 1 | 1 | |
| xmlns | 1 | 1 | |
| allow | 1 | 1 | |
| allowFullScreen | 1 | 1 | |
| frameBorder | 1 | 1 | |
| src | 1 | 1 | |
| aria-valuemax | 1 | 1 | |
| aria-valuemin | 1 | 1 | |
| aria-valuenow | 1 | 1 | |
| ratio | 1 | 1 |
How many times a component is being used from another component, with a list of the components using it
component | #used |
|---|---|
| MenuButton | 1 |
| Close | 1 |
component | #used |
|---|---|
| Avatar | 1 |
| AspectImage | 1 |
component | #used |
|---|---|
| AspectImage | 1 |
component | #used |
|---|---|
| NavLink | 1 |
How many times an attribute is being used on a component, with a list of those components
component | #used |
|---|---|
| Box | 26 |
| Image | 2 |
| IconButton | 2 |
| Link | 1 |
component | #used |
|---|---|
| Box | 20 |
| IconButton | 2 |
| Link | 1 |
| Image | 1 |
component | #used |
|---|---|
| Box | 23 |
component | #used |
|---|---|
| Box | 21 |
component | #used |
|---|---|
| Box | 4 |
component | #used |
|---|---|
| Box | 3 |
component | #used |
|---|---|
| Box | 3 |
component | #used |
|---|---|
| Box | 3 |
component | #used |
|---|---|
| IconButton | 2 |
| Box | 1 |
component | #used |
|---|---|
| Box | 2 |
component | #used |
|---|---|
| Box | 2 |
component | #used |
|---|---|
| Box | 2 |
component | #used |
|---|---|
| Box | 2 |
component | #used |
|---|---|
| IconButton | 2 |
component | #used |
|---|---|
| AspectRatio | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| Box | 1 |
component | #used |
|---|---|
| IconButton | 1 |
component | #used |
|---|---|
| IconButton | 1 |
component | #used |
|---|---|
| Label | 1 |