fix(guide): restructure curriculum guide articles (#36501)
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
This commit is contained in:
@@ -1,10 +1,18 @@
|
||||
---
|
||||
title: Add Inline Styles in React
|
||||
---
|
||||
## Add Inline Styles in React
|
||||
# Add Inline Styles in React
|
||||
|
||||
---
|
||||
## Problem Explanation
|
||||
You can declare a component style passing the object directly as a prop 'style'. Just remember that each property of the style object is camelcased. So properties like 'font-size' is declared 'fontSize' to be a valid javascript object property.
|
||||
|
||||
### Spoiler
|
||||
|
||||
---
|
||||
## Solutions
|
||||
|
||||
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
||||
|
||||
```jsx
|
||||
const styles = {
|
||||
color: 'purple',
|
||||
@@ -23,5 +31,6 @@ class Colorful extends React.Component {
|
||||
};
|
||||
```
|
||||
|
||||
### Resources
|
||||
#### Relevant Links
|
||||
[DOM Elements Style](https://reactjs.org/docs/dom-elements.html#style)
|
||||
</details>
|
||||
|
Reference in New Issue
Block a user