Skip to content

Commit 6b08cdd

Browse files
committed
Example of using localClassName.
1 parent 1a9607d commit 6b08cdd

File tree

2 files changed

+25
-0
lines changed

2 files changed

+25
-0
lines changed

src/UsingLocalClassName/car.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
.car {
2+
background: #eee;
3+
}
4+
5+
.front-door {
6+
color: #0f0;
7+
}
8+
9+
.back-door {
10+
color: #00f;
11+
}

src/UsingLocalClassName/index.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import React from 'react';
2+
import styles from './car.css';
3+
import CSSModules from 'react-css-modules';
4+
5+
class Car extends React.Component {
6+
render () {
7+
return <div localClassName='car'>
8+
<div localClassName='front-door'>front-door</div>
9+
<div localClassName='back-door'>back-door</div>
10+
</div>;
11+
}
12+
}
13+
14+
export default CSSModules(Car, styles);

0 commit comments

Comments
 (0)