Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.velt.dev/llms.txt

Use this file to discover all available pages before exploring further.

Limited support. Tag primitives do not currently expose <velt-...-wireframe> tags, so velt-data / velt-if / velt-class interpolation is not yet available on this feature. Until wireframe-tag registration ships, customize Tag through the standard [template] input on <velt-tag-pin> / <velt-tag-dialog>, or through SCSS / CSS targeting the host elements. The primitives below are documented for completeness so you know what the runtime model looks like.
New to wireframes? Start with UI Customization Concepts and the Template Variables overview.

​
Overview

The Tag feature places categorical labels on the page as placeable annotations. Once wireframe-tag registration ships, the variables described below will be available inside any <velt-tag-...-wireframe> tag via three forms:
You want to…UseExample
Display a value as text<velt-data field="var" /><velt-data field="componentConfig.user.name" />
Hide / show conditionallyvelt-if="{var}"velt-if="{componentConfig.selected}"
Toggle a CSS classvelt-class="'cls': {var}"velt-class="'is-{componentConfig.type}': true"
This feature uses the flat-config access pattern — variables will be referenced via the explicit componentConfig.<path> form. The primitives below are documented for completeness; wireframe-tag interpolation is not yet supported (see warning above).

​
Subcomponents

The three primitives below make up the Tag feature. None of them currently expose a <velt-...-wireframe> registration — see the warning at the top of the page.

​
tags-tool

The trigger button to start placing a tag.
  • Public element: <velt-tags-tool>
PropertyValue
Wireframe tagNo <velt-...-wireframe> registration available — see warning at top of page.

​
tag-pin

A placed tag annotation (pin icon). <velt-tags-container> orchestrates per-document pin instances.
  • Public element: <velt-tag-pin>
PropertyValue
Wireframe tagNo <velt-...-wireframe> registration available — see warning at top of page.
Container<velt-tags-container> orchestrates per-document pin instances.

​
tag-dialog

The popover dialog opened when a tag pin is clicked.
  • Public element: <velt-tag-dialog>
PropertyValue
Wireframe tagNo <velt-...-wireframe> registration available — see warning at top of page.