Kaliop Frontend GuidelinesBuild consistent, scalable, and maintainable interfaces

Components

Atomic design methodology, naming conventions, and self-contained component principles for structuring the design system.

Atomic design

Styles architecture, design tokens (colors, spacing, typography, easings), layout utilities, and custom variants.

Installation and editor setup

Slots, variants, and override classes with Tailwind Variants and tailwind-merge.

Styling with TV

Document and test UI components in isolation with stories, args, and decorators.

Introduction