Skip to main content


Those are guides showing, in detail, how you could potentially create components. They should act as inspiration, and hopefully you'll develop a feeling for the concepts at play. This should enable you to think freely about those topics when creating new components. It should start to feel natural after following a bunch of them!


Adapt Button component

This guide shows how to add components to your Design System that use a kickstartDS base component directly

Customize Headline component

Customizing a component should be part of your arsenal, see how it would work with the Headline, as one example

Create TeaserCard component

This guided example shows how to find a fitting, existing kickstartDS base component for one of your use cases, to repurpose it

Extend Section component

This example shows step by step how to reuse the already existing Design Token and component structure to extend it

Create Interstitial component

This example shows step by step how to create a component based on the complex components from the kickstartDS Content Module


Article Teaser recipe