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.
1.4 KiB
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 statePropertySectionHeader— structural header containerPropertySectionTitle— accessible Collapsible triggerPropertySectionActions— sibling action area, avoiding nested buttonsPropertySectionContent— collapsible content regionPropertySectionEmptyAction— empty-only action that opens before emittingactivate
<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>