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
public sealed class ResourceCard : ComponentBase<ResourceCard, HTMLElement>, IHasBackgroundColor, IRoundedStyleA card variant tailored to displaying a single resource (file, item, link) with icon, title, subtitle and actions.
Properties
Methods
public ResourceCard SetIcon(IComponent icon)Sets the icon of the component.
public ResourceCard SetTitle(IComponent title)Sets the title of the component.
public ResourceCard SetTitle(string title)Sets the title of the component.
public ResourceCard SetSubtitle(IComponent subtitle)Sets the subtitle of the component.
public ResourceCard SetSubtitle(string subtitle)Sets the subtitle of the component.
public ResourceCard SetTags(params IComponent[] tags)Sets the tags of the component.
public ResourceCard SetDescription(IComponent description)Sets the description of the component.
public ResourceCard SetDescription(string description)Sets the description of the component.
public ResourceCard SetDate(IComponent date)Sets the date of the component.
public ResourceCard BackgroundColor(string color)Sets the background colour of the card.
public ResourceCard Border(string color, UnitSize size = null)Configures the component to border.