@@ -13,8 +13,8 @@ The `@providable` ability allows a Catalyst controller to become a provider or c
1313``` typescript
1414import {providable , consume , provide , controller } from ' @github/catalyst'
1515
16- @providable
1716@controller
17+ @providable
1818class BlockUser extends HTMLElement {
1919 // This will request `userId`, and default to '' if not provided.
2020 @consume userId = ' '
@@ -28,8 +28,8 @@ class BlockUser extends HTMLElement {
2828 }
2929}
3030
31- @providable
3231@controller
32+ @providable
3333class FollowUser extends HTMLElement {
3434 // This will request `userId`, and default to '' if not provided.
3535 @consume userId = ' '
@@ -43,8 +43,8 @@ class FollowUser extends HTMLElement {
4343 }
4444}
4545
46- @providable
4746@controller
47+ @providable
4848class UserRow extends HTMLElement {
4949 // This will provide `userId` as '123' to any nested children that request it.
5050 @provide userId = ' 123'
@@ -65,8 +65,8 @@ This shows how the basic pattern works, but `UserRow` having fixed strings isn't
6565``` typescript
6666import {providable , consume , provide , @attr , controller } from ' @github/catalyst'
6767
68- @providable
6968@controller
69+ @providable
7070class UserRow extends HTMLElement {
7171 @provide @attr userId = ' '
7272 @provide @attr userName = ' '
@@ -89,8 +89,8 @@ Values aren't just limited to strings, they can be any type; for example functio
8989``` typescript
9090import {providable , consume , provide , target , attr , controller } from ' @github/catalyst'
9191
92- @providable
9392@controller
93+ @providable
9494class UserList extends HTMLElement {
9595 @provide @target dialog: UserDialogElement
9696}
@@ -107,8 +107,8 @@ class UserDialog extends HTMLElement {
107107 // ...
108108}
109109
110- @providable
111110@controller
111+ @providable
112112class FollowUser extends HTMLElement {
113113 // This will request `userId`, and default to '' if not provided.
114114 @consume userId = ' '
0 commit comments