NotionX / NotionX/react-notion-x
Checkbox icons and style doesn't match notion
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Description
Description
The checkbox visuals are a bit inconsistent with an official notion page.
- For checked: The size of the check mark is a bit bigger in react-notion-x
- For unchecked: The border is a bit thinner in react-notion-x
Notion Test Page ID
Checkboxes in minimal example notion page
https://www.notion.so/Checklists-38fa73d49b8f40aab1f3f8c82332e518
Checkboxes in minimal example react-notion-x page
https://react-notion-x-demo.transitivebullsh.it/38fa73d49b8f40aab1f3f8c82332e518
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 locating the checkbox rendering and styling entry points in react-notion-x, then compare them with the linked Notion and demo pages. Adjust the checked mark size and unchecked border thickness so both states match the reference visuals, and verify the result in the minimal example page.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100