Skip to content

Commit bca0125

Browse files
committed
docs(README): update ReactBridge props syntax for consistency
1 parent 0f1ef13 commit bca0125

File tree

1 file changed

+12
-19
lines changed

1 file changed

+12
-19
lines changed

README.md

Lines changed: 12 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -85,8 +85,7 @@ The React Bridge accepts yielded values, which can be accessed via the `children
8585
```html
8686
<ReactBridge
8787
@reactComponent="{{this.reactExample}}"
88-
@props="{{hash"
89-
text="this.props.text}}"
88+
@props={{hash text="this.props.text"}}
9089
>
9190
<p>Hello World!</p>
9291
</ReactBridge>
@@ -110,8 +109,7 @@ function ReactExample({ children, text }: ReactExampleProps) {
110109
```html
111110
<ReactBridge
112111
@reactComponent="{{this.reactExample}}"
113-
@props="{{hash"
114-
text="this.props.text}}"
112+
@props={{hash text="this.props.text"}}
115113
>
116114
{{format/iban @iban}}
117115
</ReactBridge>
@@ -125,8 +123,7 @@ Failed to execute 'removeChild' on 'Node'
125123
```html
126124
<ReactBridge
127125
@reactComponent="{{this.reactExample}}"
128-
@props="{{hash"
129-
text="this.props.text}}"
126+
@props={{hash text="this.props.text"}}
130127
>
131128
{{#if this.someCondition}}
132129
{{t "some-text"}}
@@ -140,9 +137,8 @@ Failed to execute 'removeChild' on 'Node'
140137

141138
```html
142139
<ReactBridge
143-
@reactComponent="{{this.reactExample}}"
144-
@props="{{hash"
145-
text="this.props.text}}"
140+
@reactComponent={{this.reactExample}}
141+
@props={{hash text="this.props.text"}}
146142
>
147143
<div>
148144
{{#if this.someCondition}}
@@ -158,9 +154,8 @@ Failed to execute 'removeChild' on 'Node'
158154

159155
```html
160156
<ReactBridge
161-
@reactComponent="{{this.reactExample}}"
162-
@props="{{hash"
163-
text="this.props.text}}"
157+
@reactComponent={{this.reactExample}}
158+
@props={{hash text="this.props.text"}}
164159
>
165160
<SomeEmberComponent />
166161
</ReactBridge>
@@ -170,12 +165,11 @@ Failed to execute 'removeChild' on 'Node'
170165

171166
```html
172167
<ReactBridge
173-
@reactComponent="{{this.reactExample}}"
174-
@props="{{hash"
175-
text="this.props.text}}"
168+
@reactComponent={{this.reactExample}}
169+
@props={{hash text="this.props.text"}}
176170
>
177171
<ReactBridge
178-
@reactComponent="{{this.someReactComponent}}"
172+
@reactComponent={{this.someReactComponent}}
179173
/>
180174
</ReactBridge>
181175
```
@@ -184,9 +178,8 @@ Failed to execute 'removeChild' on 'Node'
184178

185179
```html
186180
<ReactBridge
187-
@reactComponent="{{this.reactExampleWithEmberComponent}}"
188-
@props="{{hash"
189-
text="this.props.text}}"
181+
@reactComponent={{this.reactExampleWithEmberComponent}}
182+
@props={{hash text="this.props.text"}}
190183
/>
191184
```
192185

0 commit comments

Comments
 (0)