Tesserae

ResourceCard

Description

A card to display a resource

ResourceCards are used to display a summary of a resource like an AI model, document, or service. They provide optional sections for title, subtitle, tags, description, date, icon, and a footer for commands.

The example below uses a SearchableList in grid mode to render a set of ResourceCards.

API reference

class

ResourceCard

public sealed class ResourceCard : ComponentBase<ResourceCard, HTMLElement>, IHasBackgroundColor, IRoundedStyle

A card variant tailored to displaying a single resource (file, item, link) with icon, title, subtitle and actions.

Constructors

Constructor
ResourceCard
public ResourceCard()

Initializes a new instance of this class.

Properties

Property
ResourceCard.Background
public string Background { get ; set ; }

Gets or sets the CSS background of the component.

Methods

Method
ResourceCard.SetIcon
public ResourceCard SetIcon(IComponent icon)

Sets the icon of the component.

Method
ResourceCard.SetTitle
public ResourceCard SetTitle(IComponent title)

Sets the title of the component.

Method
ResourceCard.SetTitle
public ResourceCard SetTitle(string title)

Sets the title of the component.

Method
ResourceCard.SetSubtitle
public ResourceCard SetSubtitle(IComponent subtitle)

Sets the subtitle of the component.

Method
ResourceCard.SetSubtitle
public ResourceCard SetSubtitle(string subtitle)

Sets the subtitle of the component.

Method
ResourceCard.SetTags
public ResourceCard SetTags(params IComponent[] tags)

Sets the tags of the component.

Method
ResourceCard.SetDescription
public ResourceCard SetDescription(IComponent description)

Sets the description of the component.

Method
ResourceCard.SetDescription
public ResourceCard SetDescription(string description)

Sets the description of the component.

Method
ResourceCard.SetDate
public ResourceCard SetDate(IComponent date)

Sets the date of the component.

Method
ResourceCard.SetDate
public ResourceCard SetDate(string date)

Sets the date of the component.

Method
ResourceCard.SetFooter
public ResourceCard SetFooter(IComponent footer)

Sets the footer of the component.

Method
ResourceCard.SetFooterCommands
public ResourceCard SetFooterCommands(params IComponent[] commands)

Sets the footer commands of the component.

Method
ResourceCard.BackgroundColor
public ResourceCard BackgroundColor(string color)

Sets the background colour of the card.

Method
ResourceCard.Border
public ResourceCard Border(string color, UnitSize size = null)

Configures the component to border.

Method
ResourceCard.Render
public override HTMLElement Render()

Renders the component's root HTML element.

Sample

See also

© 2026 Tesserae. All rights reserved.