Examples

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!

Components

Adapt Button component

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

See button example

Customize Headline component

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

Check customize 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

Create a card example

Extend Section component

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

See how to extend the Section

Create Interstitial component

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

See Interstitial example

Recipes

Article Teaser recipe

More