Skip to content

Commit 33d4d3d

Browse files
Andrey Okonetchnikovokonet
authored andcommitted
docs: Remove harmony flag from code examples
1 parent 2917530 commit 33d4d3d

File tree

2 files changed

+6
-6
lines changed

2 files changed

+6
-6
lines changed

src/FocusWithin.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ FocusWithin will fire `onFocus` once one of its children will receive focus. Sim
66

77
Open developer console to see log messages.
88

9-
```jsx harmony
9+
```jsx
1010
<FocusWithin
1111
onFocus={() => {
1212
console.log('Received focus')
@@ -25,7 +25,7 @@ Open developer console to see log messages.
2525

2626
If you want to react to the focus change, use function as a children pattern. When function is used as children, you _must_ provide the `ref` prop.
2727

28-
```jsx harmony
28+
```jsx
2929
<FocusWithin
3030
onFocus={() => {
3131
console.log('Received focus')
@@ -70,7 +70,7 @@ If you're using a CSS-in-JS library like [styled-components](https://www.styled-
7070
;({ focused: Boolean, getRef: Function }) => React.Element
7171
```
7272

73-
```jsx harmony
73+
```jsx
7474
const styled = require('styled-components').default
7575
const StyledBox = styled('div')`
7676
padding: 20px;
@@ -112,7 +112,7 @@ _Note:_ It's recommended to use `:focus-within` selector instead of interpoaltio
112112

113113
Sometimes it's needed to focus the container node programmatically. You can use the public method `focus`. Note that `tabIndex={-1}` needs to be set on non-interactive elements to make them receive focus.
114114

115-
```jsx harmony
115+
```jsx
116116
const ref = React.createRef()
117117
;<div>
118118
<FocusWithin ref={ref}>
@@ -134,7 +134,7 @@ const ref = React.createRef()
134134

135135
## Naïve focus trap implementation
136136

137-
```jsx harmony
137+
```jsx
138138
const firstInput = React.createRef()
139139
initialState = {
140140
enabled: false

src/WithSelector.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ Allows previewing a wrapped component in a specific pseudo-state like hover, foc
22

33
Please note, that it required the pseudo-styles to be present on your component. Doesn't work with default HTML elements without pseudo-styles overrides.
44

5-
```jsx harmony
5+
```jsx
66
import styled from 'styled-components'
77

88
const Button = styled('button')`

0 commit comments

Comments
 (0)