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-blocksManifest inventory
| Field | Value |
|---|---|
| Files | dialog-sheet.html, dialog-sheet.css, README.md |
| Components | velin-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.