- Define the component data model: Create a caComponents.ts data file with each piece's name, color, and correct layer. This will be used as the single source of truth for all piece data.
- Build DraggableChip: Build a single chip component that can be dragged. If dropped outside a valid zone, it should snap back to the sidebar.
- Build the ComponentPieces sidebar: Renders all chips from the data model in the right-hand panel.
The design for this should follow the FIGMA styling. current focus is usability of the drag and drop chips.
The design for this should follow the FIGMA styling. current focus is usability of the drag and drop chips.