NotionX / NotionX/react-notion-x
How to use custom styles for the notion components?
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Description
Description
I'm trying to use the custom styles in react-notion-x but couldn't find a provision around it in the documentation. One way, I found is to replace the react-notion-x/src/styles.css with the custom style.css file with the same variable names. Is it the only way?
Thanks!
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 by reviewing the documented styling guidance and the mentioned react-notion-x/src/styles.css and custom style.css files, focusing on the existing variable names and customization options. Done means the supported way to apply custom styles is clearly documented, including whether replacing the stylesheet is required.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100