Cl Component Reference

Related documents

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

Table of Contents

• Introduction
• Attributes
  • Instance methods
  • Inherited methods
• DOM element properties
• Styling

Introduction

Syntax

tml`<Cl>label content</Cl>`
tml`<Cl>label content<Ct>tip content</Ct></Cl>`

The Cl component represents a label for a value within a Cr Component (a row within a Card).

The Cl component may contain one Ct (tip) element, which contains a tip about the meaning of the label and value. If a Ct element is present, then a &info; character entity is added after the label. If the label is clicked, a popup message with the tip content is displayed.

By default the Cl component will add a ":" at the end of the label (after any &info; symbol) unless a colon is already there. If the noEnd attribute is present and truthy, no colon will be added.

Attributes

• Standard properties
  The Cl component accepts the standard attributes.
• noEnd
  If the noEnd attribute is present and truthy then no colon will be added at the end of the label.

Instance methods

These methods are intended to be used by parent components to dynamically change the properties of the rendered components without re-rendering.

Inherited methods

• Component methods

Children

The Cl component accepts any content.

DOM element properties

• The Cl component will render a <div>.
• The <div> will have a CSS class name with card_label.

Styling

By default, the card_label class name is styled as a flex item and will equally share the horizontal space within the row with other Cl and Cv components.