react-notion-x
react-notion-x copied to clipboard
Make checkbox style closer to notion's
Description
Make checkbox style match notion's in the aspects described in this issue #356.
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
Comparison:
|
from react-notion-x vertical ![]() |
From notion.so vertical ![]() |
New checkbox vertical ![]() |
Each individual image with the link to the test page:
From minimal example react-notion-x page
https://react-notion-x-demo.transitivebullsh.it/38fa73d49b8f40aab1f3f8c82332e518

From notion.so example page
https://www.notion.so/Checklists-38fa73d49b8f40aab1f3f8c82332e518

Nex checkboxes in minimal example react-notion-x page
(tested locally)

The latest updates on your projects. Learn more about Vercel for Git ↗︎
| Name | Status | Preview | Updated |
|---|---|---|---|
| react-notion-x | ❌ Failed (Inspect) | Aug 25, 2022 at 2:14PM (UTC) | |
| react-notion-x-minimal-demo | ✅ Ready (Inspect) | Visit Preview | Aug 25, 2022 at 2:14PM (UTC) |
One of the builds fail, I'm not able to see the details in Vercel. When I click details it takes me to a 404 page.


