Skip to content

Commit ba1198c

Browse files
authored
Merge pull request #248 from github/swap-providable-decorator-in-docs
swap `@providable` decorator in docs
2 parents 8c600ca + 7ac512a commit ba1198c

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

docs/_guide/providable.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@ The `@providable` ability allows a Catalyst controller to become a provider or c
1313
```typescript
1414
import {providable, consume, provide, controller} from '@github/catalyst'
1515

16-
@providable
1716
@controller
17+
@providable
1818
class 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
3333
class 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
4848
class 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
6666
import {providable, consume, provide, @attr, controller} from '@github/catalyst'
6767

68-
@providable
6968
@controller
69+
@providable
7070
class 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
9090
import {providable, consume, provide, target, attr, controller} from '@github/catalyst'
9191

92-
@providable
9392
@controller
93+
@providable
9494
class 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
112112
class FollowUser extends HTMLElement {
113113
// This will request `userId`, and default to '' if not provided.
114114
@consume userId = ''

0 commit comments

Comments
 (0)