Components

Components in Nordcraft allow you to create reusable and customizable building blocks for your websites, helping you to keep your Nordcraft projects manageable and scaleable.

A card component is being edited. It comprises a number of HTML elements, and takes four attributes visible on the right panel: button label, ID, text and title.
Live

Components in Nordcraft:

  • Can be configured using attributes, contexts, and CSS variables, similar to HTML elements
  • Can emit events to communicate with parent elements
  • Contain their own element tree, which can include any other element types, including other components
  • Provide consistency across your project, as updates to a component propagate to all instances
  • Help encapsulate logic and design, making your project more maintainable
Info

For more detailed information on creating and using components, see the Components pages of the documentation.

Edit article
Help Forum