ResponsiveCards

Configs

1

An array of CardSize objects to use as responsive levels based on card widths.

By default, the following levels are defined:

Width Name Cls Avatars Items
< 50 micro b-micro-cards 1 Only resource avatars shown
< 75 tiny b-tiny-cards 1 Body text hidden
< 175 small b-small-cards 2 Body text hidden
< 300 medium b-medium-cards 3
> 300 large b-large-cards 7

Properties

2
isResponsiveCards: Boolean= truereadonly
Identifies an object as an instance of ResponsiveCards class, or subclass thereof.
isResponsiveCards: Boolean= truereadonlystatic
Identifies an object as an instance of ResponsiveCards class, or subclass thereof.

Typedefs

1

An object that describes a card size level.

ParameterTypeDescription
nameString

Level name, applied to the columns element as CSS class b-[name]-cards

maxWidthNumber

Express in px. This level applies above the previous levels maxWidth and up to this value

maxAvatarsNumber

Max number of resource avatars to render, when that feature is used

headerItemsObject<String, TaskItemOptions>

A config object for items in a card's header, merges with headerItems to determine items for this card size

bodyItemsObject<String, TaskItemOptions>

A config object for items in a card's header, merges with bodyItems to determine items for this card size

footerItemsObject<String, TaskItemOptions>

A config object for items in a card's header, merges with footerItems to determine items for this card size