openpencil/packages/docs/programmable/sdk/api/components/property-section.md
Danila Poyarkov a029e267c2
feat(updater): show download progress while installing an update
Report desktop update downloads through persistent determinate or indeterminate toasts while retaining native confirmation. Use a spinner during progress and cancel pending expiry when progress resumes.

Standardize substantial Storybook fixtures as colocated example SFCs, preserve shared SDK documentation examples, and enforce semantic anatomy instead of shared-layer test IDs.
2026-09-25 23:15:14 +04:00

1.4 KiB

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>

Generated API reference