You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+6-6Lines changed: 6 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -28,7 +28,7 @@ The approach of react-css-themr consists of a *provider* and a *decorator*. The
28
28
29
29
There are three possible sources for your component. Sorted by priority: **context**, **configuration** and **props**. Any of them can be missing. In case multiple themes are present, you may want to compose the final classnames object in three different ways:
30
30
31
-
-*Override*: the theme object with the highest priority is the one used.
31
+
-*Override*: the theme object with the highest priority is the one used.
32
32
-*Softly merging*: theme objects are merged but if a key is present in more than one object, the final value corresponds to the theme with highest priority.
33
33
-*Deeply merging*: theme objects are merged and if a key is present in more than one object, the values for each objects are concatenated.
34
34
@@ -75,7 +75,7 @@ export default (props) => (
75
75
76
76
### Default theming
77
77
78
-
If you use a component with a base theme, you may to want import the component with the theme already injected. Then you can compose its style via props with another theme object. In this case the base css will **always** be bundled:
78
+
If you use a component with a base theme, you may want to import the component with the theme already injected. Then you can compose its style via props with another theme object. In this case the base css will **always** be bundled:
79
79
80
80
```jsx
81
81
// SuccessButton.js
@@ -99,7 +99,7 @@ class Button extends Component {
99
99
exportdefaultButton;
100
100
```
101
101
102
-
Imagine you want to make the success button uppercase for an specific case. You can include the classname mixed with other classnames:
102
+
Imagine you want to make the success button uppercase for a specific case. You can include the classname mixed with other classnames:
103
103
104
104
```jsx
105
105
importReactfrom'react';
@@ -124,7 +124,7 @@ The final classnames object for the `Button` component would include class value
124
124
125
125
### Context theming
126
126
127
-
Although context theming is not limited to ui-kits, it's very useful to avoid declaring hoc for every component. For example, in [react-toolbox](www.react-toolbox.com), you can define a context theme like:
127
+
Although context theming is not limited to ui-kits, it's very useful to avoid declaring hoc for every component. For example, in [react-toolbox](http://www.react-toolbox.com), you can define a context theme like:
128
128
129
129
```jsx
130
130
importReactfrom'react';
@@ -169,9 +169,9 @@ The returned component accepts a `theme` and `composeTheme` apart from the prop
169
169
170
170
## About
171
171
172
-
The project is originally authored by [Javi Velasco](www.javivelasco.com) as an effort of providing a better customization experience for [React Toolbox](www.react-toolbox.com). Any comments, improvements or feedback is highly appreciated.
172
+
The project is originally authored by [Javi Velasco](http://www.javivelasco.com) as an effort of providing a better customization experience for [React Toolbox](http://www.react-toolbox.com). Any comments, improvements or feedback is highly appreciated.
173
173
174
-
Thanks to [Nik Graf](www.twitter.com/nikgraf) and [Mark Dalgleish](www.twitter.com/markdalgleish) for their thoughts about theming and customization for React components.
174
+
Thanks to [Nik Graf](http://www.twitter.com/nikgraf) and [Mark Dalgleish](http://www.twitter.com/markdalgleish) for their thoughts about theming and customization for React components.
0 commit comments