Skip to content

Commit 6a6ed3c

Browse files
committed
readme update
1 parent cf2a40f commit 6a6ed3c

File tree

2 files changed

+9
-6
lines changed

2 files changed

+9
-6
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ and the extracted css stats) everything will just work.
8686

8787
_Note:_ A file can have multiple containers, with the [@define-container](docs/multiple-containers.md)
8888
declaration, but it's encouraged to have a dedicated file for each component.
89-
(Which is also the assumtion of the `@zeecoder/react-container-query` package).
89+
(Which is also the assumption of the [@zeecoder/react-container-query](https://github.com/ZeeCoder/container-query/tree/master/packages/react-container-query) package).
9090

9191
## Installation
9292

docs/webpack-and-react.md

+8-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
# Usage with webpack and React
22

3+
For examples on the `<ResizeObserver>` and `<ContainerQuery>` components, check
4+
out the package's [readme](https://github.com/ZeeCoder/container-query/tree/master/packages/react-container-query).
5+
36
I recommend you to set up [postcss-loader](https://github.com/postcss/postcss-loader)
47
with [postcss-nested](https://github.com/postcss/postcss-nested) with
58
`bubble: ['container']` option, or to use SASS.
@@ -31,9 +34,9 @@ module.exports = context => {
3134
3235
@container (width > 100px) {
3336
/*
34-
Change some styles on the image element when the container is
35-
wider than 100px
36-
*/
37+
Change some styles on the image element when the container is
38+
wider than 100px
39+
*/
3740
}
3841
}
3942
@@ -51,11 +54,11 @@ module.exports = context => {
5154

5255
```js
5356
import React, { Component } from "react";
54-
import withContainerQuery from "@zeecoder/react-container-query";
57+
import { withContainerQuery } from "@zeecoder/react-container-query";
5558
import "./Avatar.pcss";
5659
import stats from "./Avatar.pcss.json"; // generated automatically
5760

58-
const Avatar = props => (
61+
const Avatar = () => (
5962
<div className="Avatar">
6063
<img className="Avatar__image" />
6164
</div>

0 commit comments

Comments
 (0)