HoopsMarkupItemElement

class wvc.HoopsMarkupItemElement()

Renders one selectable markup item with icon and toolbar content.

Examples

<hoops-markup-item markupId="markup-1" selected>
  Label
  <hoops-icon slot="icon"></hoops-icon>
</hoops-markup-item>

Custom Element

hoops-markup-item

Attributes

markupId

Unique markup identifier

selected

Indicates whether the item is selected

Slots

- Slot for markup text label content

icon

Slot for the markup type icon

toolbar

Slot for trailing markup actions

Events

hoops-select-markup

Emitted when the markup item is selected

CSS Properties

–hoops-foreground

Foreground color for row and separators

–hoops-accent-foreground

Accent color used on hover and selected states

Since

2025.7.0

Index

Constructors

Properties

Constructors

wvc.HoopsMarkupItemElement.constructor(): HoopsMarkupItemElement(): HoopsMarkupItemElement

Returns: HoopsMarkupItemElement

Properties