diff --git a/docs/vue-testing-library/examples.mdx b/docs/vue-testing-library/examples.mdx
index 33010d331..1050c76be 100644
--- a/docs/vue-testing-library/examples.mdx
+++ b/docs/vue-testing-library/examples.mdx
@@ -92,6 +92,49 @@ test('properly handles v-model', async () => {
})
```
+## Example using `props`:
+
+```html
+
+
+
+
+
+
+
+```
+
+```js
+import { render } from '@testing-library/vue'
+import FormInput from './FormInput.vue'
+
+it('renders the correct default state', () => {
+ const { getByText } = render(FormInput)
+
+ // Asserts initial state.
+ getByText('Default label')
+})
+
+it('renders the label prop', () => {
+ const props = {
+ label: 'The new label',
+ }
+ const { getByText } = render(FormInput, {
+ props,
+ })
+
+ getByText(props.label)
+})
+
+```
+
## More examples
You'll find examples of testing with different libraries in