HtmlForgeX

API Reference

Class

TablerMetricCard

Edit on GitHub
Namespace HtmlForgeX
Assembly HtmlForgeX
Source Containers/Tabler/Card/TablerMetricCard.cs:11
Base Element
Modifiers sealed

Dashboard-focused metric card with built-in value, delta, subtitle, and optional inline trend chart.

Inheritance

Usage

This type appears in these public API surfaces even when no hand-authored example is attached directly to the page.

Returned or exposed by

Accepted by parameters

Constructors

Methods

public TablerMetricCard Accent(TablerColor color) #
Containers/Tabler/Card/TablerMetricCard.cs:93
Returns: TablerMetricCard

Sets the accent color used by the icon, delta, and inline chart when no chart color is specified.

Parameters

color HtmlForgeX.TablerColor requiredposition: 0
public TablerMetricCard BarTrend(IEnumerable<Double> values, Nullable<TablerColor> color = null) #
Containers/Tabler/Card/TablerMetricCard.cs:111
Returns: TablerMetricCard

Renders a compact bar trend chart at the bottom of the card.

Parameters

values System.Collections.Generic.IEnumerable{System.Double} requiredposition: 0
color System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 1
public TablerMetricCard Change(String text, Nullable<TablerChangeType> type = null) #
Containers/Tabler/Card/TablerMetricCard.cs:68
Returns: TablerMetricCard

Sets the delta text and infers the direction when not supplied.

Parameters

text System.String requiredposition: 0
type System.Nullable{HtmlForgeX.TablerChangeType} = null optionalposition: 1
GetAuxiliaryChildren() #
public TablerMetricCard LineTrend(IEnumerable<Double> values, Nullable<TablerColor> color = null) #
Containers/Tabler/Card/TablerMetricCard.cs:103
Returns: TablerMetricCard

Renders a line-style inline trend chart at the bottom of the card.

Parameters

values System.Collections.Generic.IEnumerable{System.Double} requiredposition: 0
color System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 1
public TablerMetricCard Period(String period) #
Containers/Tabler/Card/TablerMetricCard.cs:60
Returns: TablerMetricCard

Sets the period label displayed in the card header.

Parameters

period System.String requiredposition: 0
public TablerMetricCard Progress(Double value, String label = null, Nullable<TablerColor> color = null) #
Containers/Tabler/Card/TablerMetricCard.cs:119
Returns: TablerMetricCard

Shows a compact progress bar instead of a chart.

Parameters

value System.Double requiredposition: 0
label System.String = null optionalposition: 1
color System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 2
RegisterLibraries() #
public TablerMetricCard Settings(Action<TablerMetricCardSettings> configure) #
Containers/Tabler/Card/TablerMetricCard.cs:129
Returns: TablerMetricCard

Groups advanced display options under a smaller surface.

Parameters

configure System.Action{HtmlForgeX.TablerMetricCardSettings} requiredposition: 0
public TablerMetricCard Subtitle(String subtitle) #
Containers/Tabler/Card/TablerMetricCard.cs:52
Returns: TablerMetricCard

Sets supporting text shown below the primary value.

Parameters

subtitle System.String requiredposition: 0
public TablerMetricCard Title(String title) #
Containers/Tabler/Card/TablerMetricCard.cs:36
Returns: TablerMetricCard

Sets the metric title shown in the card overline.

Parameters

title System.String requiredposition: 0
public override String ToString() #
Containers/Tabler/Card/TablerMetricCard.cs:174
Returns: String
public TablerMetricCard Value(String value) #
Containers/Tabler/Card/TablerMetricCard.cs:44
Returns: TablerMetricCard

Sets the primary metric value.

Parameters

value System.String requiredposition: 0