diff --git a/docs/source/data/fragments.mdx b/docs/source/data/fragments.mdx index 2d8a2846a2f..569ef8d7157 100644 --- a/docs/source/data/fragments.mdx +++ b/docs/source/data/fragments.mdx @@ -837,6 +837,10 @@ It's important that the parent query or fragment selects any [`keyFields`](../ca ### Nesting fragments in other fragments + +You can nest fragments with or without data masking (for an example, see the section on [colocating fragments](#colocating-fragments).) The following section describes how you can use masking in components with `useFragment`. + + As your UI grows in complexity, it is common to split up components into smaller, more reusable chunks. As a result you may end up with more deeply nested components that have their own data requirements. Much like queries, we can nest fragments within other fragments. Let's add a `Comment` component that will be used by `PostDetails` to render the `topComment` for the post.