<svg> Component Reference

Related documents

• Component Overview
• Component Reference
• Built-in Components
• Template Markup Language (TML) Reference

Table of Contents

• Introduction
• Attributes
• Children
• DOM element properties

Introduction

Syntax

tml`<svg ...>...</svg>`

The svg component creates a DOM <span> element with the innerHTML set to the svg template converted into a string. This bypasses the normal component build process for the children allowing the special SVG child tags to be interpreted by the browser.

Attributes

• Standard properties
  The svg component accepts the standard attributes.
  Except for classSv, the remaining attributes (including className) are passed to the <svg> element in the enclosing <span>. The classSv attribute is handled by the Component superclass: its value (combined with className) is assigned as the class of the enclosing <span> when it changes, not the <svg> element.

Children

The svg component accepts all children.

DOM element properties

• The svg Component will render a <span> containing an <svg> element.