Components are the shared building blocks behind Kesko’s digital products. Combined, they create consistent, accessible experiences across every Kesko brand.
Button
DraftButton component for interface actions. Renders as a regular link when href is provided. Buttons should primarily be used to trigger events or actions.
Divider
DraftDivider component is used to visually separate and group elements horizontally or vertically.
Icon
✓ StableIcons are symbols that can be used to provide meaning in addition to text labels. Clear and consistent icon usage could help people complete their tasks.
Spinner
DraftSpinner component is an animated icon that lets users know content or result of an action is being loaded.
Stack
DraftStack component manages the vertical or horizontal layout of direct children using flexbox and adjustable spacing.
Visually hidden
DraftVisually hidden component hides content visually while retaining readability by screen readers for accessibility.