Malevich

Components/

Hierarchy

42 components across five layers. Each layer composes the ones above it: primitives → elements → blocks → sections, with overlays as a cross-cutting floating layer. See ADR-0006 for the classification rationale.

01
Primitives 8

The smallest building blocks — single-purpose, no internal composition. Avatar, Spinner, Icon, Typography. Everything else is built from these.

02
Elements 16

Interactive and form controls plus display atoms. Button, Select, Badge, Tag. Grouped by role: interactive / form / display.

03
Blocks 6

Composite components that combine primitives and elements into a self-contained unit. Accordion, Breadcrumb, Carousel, Code-block.

04
Sections 9

Full-width page regions: layout primitives plus ready-made marketing/chrome sections. Hero, CTA, Site-header, Grid-layout.

05
Overlays 3

Portal-rendered, floating-on-top surfaces with focus management. Sheet, Popover, Toast.