svg path

This block is part of the state ui group and was last modified in core v13.0.7.

Parent Requirements

This block requires specific parent elements: state_svg. Ensure this block is placed within the appropriate parent context.

svg path v13.0.7

A path element, to define an arbitrary shape.

In pins 4
  • Data (D) required
    value

    The path data of the SVG element.

  • class
    uiclass

    Assigns a CSS class to the element. • Hidden when unused

  • style
    uistyle

    Applies inline CSS style to the element • Hidden when unused

  • attributes
    uiattributes

    Adds custom attributes to the element. • Hidden when unused

Out pins 1
  • state
    state

    Returns the element to the frontend state.

path
svg shape

A typical wiring for SVG Path: value feeds the data pin; the state out pin feeds get component child.

Studio canvas example for the SVG Path block: typical wiring for SVG Path.

Version history

Introduced in v13.0.7.


Back to state ui Return to the main group to view all sub-groups Back to state elements Return to the group to view all blocks within this group