Create Custom Node Flow

[tomsmith8]

Task

Flow to create a custom node type:

• Add Custom node type
• Select Parent
• Name node type
• Set attributes (greyed out parent properties that can't change e.g required)
• Add new attribute
• Add dropdown for different types
• tick box for required or optional

[Zoe-AE-ND]

Assign

[Antanasijevic]

@tomsmith8 Here is a version of this flow

Figma Draft https://www.figma.com/file/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=5900%3A37898&mode=design&t=ZaUW6t8RTlrlYCUA-1

Prototype https://www.figma.com/proto/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=5900-37899&t=7vXi2A2kvX8CeE75-1&scaling=min-zoom&page-id=5900%3A37898&starting-point-node-id=5900%3A37899&show-proto-sidebar=1&mode=design

https://github.com/stakwork/sphinx-nav-fiber/assets/13258550/d658b8d0-a7d2-4576-90eb-cce2993b750b

[Antanasijevic]

@tomsmith8 Updated version with sample of custom attribute.

https://github.com/stakwork/sphinx-nav-fiber/assets/13258550/92bd82ac-b85e-49e6-a2e3-62640f2dfea1

[Antanasijevic]

@tomsmith8 Final Layout for creating custom node flow is ready. Please check it out. https://www.figma.com/file/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=6362%3A32343&mode=design&t=cZNe4sPANhaKdXng-1

https://github.com/stakwork/sphinx-nav-fiber/assets/13258550/9b233293-ed7e-41fe-a8ff-d98668a95bd6

Different input fields types and scroll