components/button/button.hbs
components/headline/headline.hbs

Headline 2

components/link/link.hbs
components/link-list/link-list.hbs
components/rte/rte.hbs

Introduction

headman lists and validates all the components of your project. For maximum convenience, you can define json test data which can be reused from other components. This allows you to work independently from a backend. headman uses consolidate.js internally, hence it automatically supports a lot of rendering engines.

Benefits

  • Make sure all possible variations of your components work
  • Get your components immediately validated for html and accessibility violations
  • Improve your code components by developing them encapsulated
  • No need for a backend that provides data
  • Show stakeholders the state of your development early
  • No need for additional files or folders in your project (except for the config file)

Data reusage

Variation inheritance

You can define variations for each of your components. These variations inherit data from the components base definition (if defined), which can then easily be overwritten or extended.

Data inclusion

If you have a component that includes another component, you can easily include the data (or one of its variations) of the latter into the data of including component. That way, it is enough to define data for a specific component once.

templates/_includes/footer/footer.hbs
templates/_includes/header/header.hbs

headman

templates/homepage/homepage.hbs

headman

Introduction

headman lists and validates all the components of your project. For maximum convenience, you can define json test data which can be reused from other components. This allows you to work independently from a backend. headman uses consolidate.js internally, hence it automatically supports a lot of rendering engines.

Benefits

  • Make sure all possible variations of your components work
  • Get your components immediately validated for html and accessibility violations
  • Improve your code components by developing them encapsulated
  • No need for a backend that provides data
  • Show stakeholders the state of your development early
  • No need for additional files or folders in your project (except for the config file)

Data reusage

Variation inheritance

You can define variations for each of your components. These variations inherit data from the components base definition (if defined), which can then easily be overwritten or extended.

Data inclusion

If you have a component that includes another component, you can easily include the data (or one of its variations) of the latter into the data of including component. That way, it is enough to define data for a specific component once.

Open in new tab