diff --git a/guides/release/in-depth-topics/rendering-values.md b/guides/release/in-depth-topics/rendering-values.md
index c3b04407f7..db7b41fbad 100644
--- a/guides/release/in-depth-topics/rendering-values.md
+++ b/guides/release/in-depth-topics/rendering-values.md
@@ -71,6 +71,25 @@ or via a property on some object
 ```handlebars
 <this.someComponent />
 ```
+```ts
+import { ComponentLike } from '@glint/template'; // only needed if you're using typescript
+import MyOtherComponent from 'my-app/components/my-other-component';
+import MySuccessComponent from 'my-app/components/my-success-component';
+
+export default class MyComponent extends Component {
+  @tracked status: string;
+
+  get someComponent(): ComponentLike<MyComponentArgs> {
+    // if you're using typescript, any returned component must have been defined as
+    // class MyComponent extends Component<MyComponentArgs> {}
+    if (this.status == 'success') {
+      return MySuccessComponent;
+    } else {
+      return MyOtherComponent;
+    }
+  }
+}
+```
 or via an argument passed to a component
 ```handlebars
 <@someComponent />