Skip to content

Commit 3d83fb1

Browse files
docs: add Merge custom React component example to custom-react-components page (#5648)
Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: Devin Logan <devinannlogan@gmail.com>
1 parent fc88135 commit 3d83fb1

2 files changed

Lines changed: 12 additions & 2 deletions

File tree

fern/products/docs/pages/customization/custom-react-components.mdx

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,21 @@ description: Add custom React components to your Fern docs for interactive, serv
44
slug: customization/custom-react-components
55
---
66

7-
87
You can extend Fern's built-in component library by adding your own custom React components. This allows you to create unique, interactive elements that match your documentation needs. Components are server-side rendered for better SEO and performance, with no layout shifts.
98

9+
<Frame caption="Merge uses a custom React component to compare feature coverage across integrations in an [interactive matrix](https://docs.merge.dev/merge-unified/hris/integrations/supported-features).">
10+
<video
11+
src="merge-custom-react.mp4"
12+
autoPlay
13+
loop
14+
playsInline
15+
muted
16+
>
17+
</video>
18+
</Frame>
19+
1020
<Note title="Defining a constant">
11-
Don't use a React component to define a constant. Instead, consider using [reusable snippets](/docs/writing-content/reusable-snippets).
21+
Don't use a React component to define a constant. Instead, consider using [reusable snippets](/learn/docs/writing-content/reusable-snippets).
1222
</Note>
1323

1424
## Custom components in MDX
2.73 MB
Binary file not shown.

0 commit comments

Comments
 (0)