@pantograph/pattern-vue

@pantograph/pattern-vue

A collection of advanced UI patterns, compound layouts, and composite page-level components built on top of @pantograph/vue. Designed to accelerate development of complex UI flows and business dashboards.

Installation

npm i @pantograph/pattern-vue

Quick Usage

<script setup lang="ts">
import { DataTable, Form, Comment } from '@pantograph/pattern-vue'
</script>

<template>
  <DataTable :columns="columns" :data="rows" />
</template>

Key Features

• Compound Patterns: High-level, ready-to-use composite components (DataTable, Comment, Form, GOPicker)
• Vue 3 Composition API: Fully leverages <script setup> and reactivity
• Token System & Dark Mode: Responds to pantograph-dark / pantograph-light class toggles and --pt-* tokens
• BEM Styling: Integrates with @pantograph/styles and @pantograph/unocss-preset

Documentation & Resources

• Monorepo Architecture Layout
• Engineering Guidelines
• AI Navigation Map