Danila Poyarkov 1b7934b98e feat(vue): add property panel primitives

- Add headless PropertySection and accessible SegmentedControl anatomy

- Make PropertyList controlled and exactly typed with an undo-aware editor adapter

- Consolidate SDK metadata loaders and link untranslated docs to canonical pages

2026-07-13 12:36:03 +03:00

1.4 KiB

Raw Blame History

title	description
PropertySection	Headless collapsible anatomy for property-panel sections.

PropertySection

PropertySection supplies collapsible section anatomy and canonical open, empty, and disabled state attributes without imposing presentation.

Anatomy

PropertySectionRoot — controlled or uncontrolled Collapsible state
PropertySectionHeader — structural header container
PropertySectionTitle — accessible Collapsible trigger
PropertySectionActions — sibling action area, avoiding nested buttons
PropertySectionContent — collapsible content region
PropertySectionEmptyAction — empty-only action that opens before emitting activate

<script setup lang="ts">
import {
  PropertySectionContent,
  PropertySectionHeader,
  PropertySectionRoot,
  PropertySectionTitle
} from '@open-pencil/vue'
</script>

<template>
  <PropertySectionRoot default-open>
    <PropertySectionHeader>
      <PropertySectionTitle>Layout</PropertySectionTitle>
    </PropertySectionHeader>
    <PropertySectionContent>Panel fields</PropertySectionContent>
  </PropertySectionRoot>
</template>

1.4 KiB Raw Blame History

PropertySection

Anatomy

Generated API reference

1.4 KiB

Raw Blame History