Components

Shared UI components from @qpoint-io/q-nuxt-layer. Available to all projects via extends.

Philosophy

Functional, not decorative. Every component solves a UI problem. Color is semantic — grape signals interaction, leaf signals success, grey provides structure.

Composition over configuration. Components use slots for flexible content, not deeply nested prop trees.

Tailwind-native. Scoped CSS only for things Tailwind cannot express. Consumers can extend with additional classes naturally.

Replicate first, optimize later. Extracted components match existing behavior exactly. Improvements come in subsequent cycles.

| Philosophy | Coverage | Dev Controls
Interactive
Form
Data Machine
Security
Policy
Compliance
Policy Config
Health
Sentence
Alert
Feedback
Display
Navigation
Table
Typography
Data
Misc
Layout
Prose
Agent
Endpoint
Integration
Transcript

Qpoint Brand Style Guide