NotionX / NotionX/react-notion-x
How to target an element within NotionRenderer?
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Description
I want to target this class id and re-render with another React Component (say a carousel called SwiperJS). What should i do?

Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the NotionRenderer entry point and inspect how rendered blocks are selected and customized. Verify whether targeting the shown element and replacing it with a React component such as SwiperJS is supported by the existing API. Done means a documented, reproducible approach or a clearly scoped limitation, with an example that renders the replacement.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100