Skip to main content
VelinStyle v1.4.0
⌂ Home

Velin Block: Dialog Sheet 1.4.0

Official Velin-native Block manifest, install surface, and Adapt contract for dialog-sheet.

Product boundary: Core Features are Velin-native. They do not extend Tailwind Compat/Migrate and do not port Shadcn, Radix, or Tailwind UI.

Purpose

Dialog and sheet overlay patterns using velin-dialog and velin-sheet. Version 0.1.0; HTML framework; peer @birdapi/velinstyle ^1.4.0.

Install

velinstyle blocks info dialog-sheet
velinstyle blocks add dialog-sheet
velinstyle blocks add dialog-sheet --dry-run
velinstyle blocks add dialog-sheet --out my-blocks

Manifest inventory

FieldValue
Filesdialog-sheet.html, dialog-sheet.css, README.md
Componentsvelin-dialog, velin-sheet
Tokens--velin-space-4, --velin-surface-overlay, --velin-color-focus

Adapt contract

{
  "roles": [],
  "density": [
    "comfortable"
  ],
  "layout": [
    "stack"
  ],
  "allowedActions": [
    "component-attribute"
  ],
  "wcAttributeAllowlist": {
    "velin-dialog": [
      "open",
      "title"
    ],
    "velin-sheet": [
      "open",
      "title"
    ]
  }
}

Accessibility contract

Dialog landmark, Escape close, trapped focus while open, and aria-modal via the Web Components.

Ownership and limits

The listed files are copied into the project and become user-owned source. Existing changed files fail by default; use --force only deliberately. The contract can narrow Adapt but never bypass validator or guardrails.