Create a component

There are two primary ways to create components in Nordcraft:

• Create from scratch
• Extract existing elements

Create from scratch

Live

To create a new component:

1. 1

   Open the project sidebar by clicking the folder icon or using Cmd/Ctrl + K
2. 2

   (A) Find the "Components" section and click the + button next to it or
   (B) Click the + button next to the branch name at the top of the project sidebar and choose New component
3. 3

   Enter a name for your component and confirm with Create

Extract as component

Live

To convert existing elements into a component:

1. 1

   Select the element you want to convert in the element tree
2. 2

   Right-click and select Extract as component from the context menu
3. 3

   Enter a name for the new component and confirm with Create

This method automatically:

• Creates a new component with the selected element's structure
• Replaces the original elements with an instance of the new component
• Preserves the original appearance and behavior