... | @@ -86,8 +86,6 @@ An atom is the smallest bit of UI that you can reuse in your application (a butt |
... | @@ -86,8 +86,6 @@ An atom is the smallest bit of UI that you can reuse in your application (a butt |
|
|
|
|
|
A molecule is a reusable component made of multiple atoms. A login form, for instance, is made of two atoms of input (username and password) and an atom of a button (login).
|
|
A molecule is a reusable component made of multiple atoms. A login form, for instance, is made of two atoms of input (username and password) and an atom of a button (login).
|
|
|
|
|
|
You can use any of the atoms and molecules when creating a component. To be able to choose the atoms and molecules you need, you can have a look at the [PubSweet styleguide](https://gitlab.coko.foundation/pubsweet/pubsweet/tree/master/packages/styleguide).
|
|
|
|
|
|
|
|
To be able to contribute a UI element, you need to be sure that it's usable within the starter-kit default theme without any CSS override.
|
|
To be able to contribute a UI element, you need to be sure that it's usable within the starter-kit default theme without any CSS override.
|
|
|
|
|
|
Because an atom has no way to know how it’s going to be used in different molecules, it should be ready for all options. In particular, it should not define any layout that will determine where it appears on the page.
|
|
Because an atom has no way to know how it’s going to be used in different molecules, it should be ready for all options. In particular, it should not define any layout that will determine where it appears on the page.
|
... | | ... | |