Notion Icons

[theMosaad]

What did you build?

A collection of 40,000+ of copy paste free icons for Notion

Components used

• Sidebar navigation
• Input
• Toggle
• Slider
• Select

Cool features or customizations

I built a Tree component for the sidebar navigation and a Color Picker component for icon customizations using React Aria + copying styles from existing Untitled UI components.

Links

https://notionicons.so

Screenshots or demos

[deebov]

Mosaad, this looks great 🙌

How did you find integrating the tree and color picker components with our existing components in terms of complexity?

[theMosaad]

It was very smooth! Since I'm using React Aria, it was a matter of replacing a React Aria component with some custom classes with an Untitled UI one.

The tree component is only for navigation here so didn't need a checkbox component for example, only a couple of icons.

However, the color picker used Select, Button, and InputBase. Having Input build with composable components like InputBase was especially helpful since I could use it inside of a ColorField instead of the TextField used in the parent Input component.

[jordanphughes]

So awesome mate! Sent this to a few Notion mates 🙂