@sectile/vue

Headless Vue components for Sectile DOM interaction semantics.
4,567
Install
npm install @sectile/vue
Latest Version:0.18.3
Vue:3
License:MIT
Last Updated:Oct 6, 2026
Links: GitHub  ·  npm
Maintainer: jinyongp

@sectile/vue

Headless Vue components backed by Sectile DOM semantics.

Responsibility

  • Expose controlled and uncontrolled state through Vue conventions
  • Render accessible compound components without aesthetic styles
  • Forward attributes and styling hooks to consumer-owned elements
  • Reuse @sectile/dom projections for ARIA and interaction behavior
  • Follow Vue and HTML naming at the public boundary instead of exposing core policies

Components expose stable data-scope, data-part, and data-state attributes. Styling, themes, spacing, and animation remain application responsibilities.

@sectile/vue/virtual/core provides the typed useVirtualizer composable and VirtualizerRoot, VirtualizerHeader, VirtualizerSurface, VirtualizerItem, and VirtualizerFooter headless parts. VirtualizerItem supports asChild, so existing collection items keep their semantic element while receiving virtual placement and measurement refs. Install @sectile/virtual separately when using this subpath; the rest of @sectile/vue does not require it.

Version History

Version Released License
0.18.3 MIT
0.18.2 MIT
0.18.1 MIT
0.18.0 MIT
0.17.0 MIT