solid-style-guide
solid-style-guide copied to clipboard
inrupt
Atomic Style Guide for Solid Applications
It would be great to add 2 additional fonts for consideration to the design system, namely the Noto fonts for wide multilingual support including many non-latin scripts, and the OpenDyslexic...
The [Text Input atom's documentation](https://design.inrupt.com/atomic-core/?cat=Atoms) currently includes the following demo code: ```html Label: Label: Label: Label: ``` Here, the `` elements are not associated with their respective ``s (so I...
To reproduce: on a page with several checkboxes next to each other (e.g. [here](https://design.inrupt.com/atomic-core/?cat=Atoms#Checkbox)), press Tab until you focus a checkbox. Notice that there is no way to tell, other...
A common use case for `readonly` form fields is to be able to copy its contents easily in order to paste it elsewhere. However, since readonly fields receive `pointer-events: none`,...
Currently, everything inside a toggle switch's label is being hidden*. While one could probably add some descriptive text outside of the label, that will make that information inaccessible to screen...
I now have the following layout in https://github.com/inrupt/generator-solid-react/pull/249: I would like to change a few things (e.g. put the 'URL:' and 'Share:' labels to the left of the corresponding input...
A table with default styling: ```html First row Second row ``` ...is styled such that the row is highlighted in purple when the cursor hovers it, and the cursor itself...
In the Navigation organism, inside of `nav.nav.nav__toolbar`, the example uses buttons. However, I think it should be possible to use regular links in there - e.g. to the user's profile....