Forms & primitives
Input, button, panel, empty-state, rotating-messages, and loader building blocks.
vct-button
Variants, sizes and states.
vct-input
Labelled text inputs. Reflects value and emits standard input events.
(type in a field)
vct-panel
Surface container, flat and elevated.
Flat panel
Grouping container with a subtle border.
Elevated panel
Raised with a shadow for emphasis.
vct-page-header
Standard page header with optional eyebrow, title, description, breadcrumbs slot, and actions slot.
vct-empty-state
Placeholder for empty collections, with an optional call-to-action slot.
vct-rotating-messages
Pass any message list — cycles with a soft pulse. Used by canvas init loading; reusable anywhere.
vct-loader
Activity indicator. variant is square, line, rotate, or random (default: random among square and line). Buttons and compact chrome use rotate. Full matrix, wait rows, SSR overlay, and engine thinking: /shared-ui/loading/.