Card Component Reference

Related documents

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

Table of Contents

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

Introduction

Syntax

tml`
	<Card>
		...
	</Card>
`

The Card component creates a <div> element for a rectangular area for related content within a <Page>. If the content is organized as row consider using a <RowCard> instead.

Attributes

• Standard properties
  The Card component accepts the standard attributes.
• title (optional)
  A string, or an array of strings/templates, to be displayed above the Card as the card title. Each element is wrapped in its own <span> so that internal HTML entities do not spread.

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

All template children are included as the Card component children.

DOM element properties

• The Card Component will render a <div> with the card children as its children.
• The <div> will have a CSS clas name with the string card.