Card Blazor API

Card Properties

NameTypeDefaultDescription
ContentHandlerobjectN/AA callback function, used to add event handlers and other custom logic related to the content inside the card element.
DataSourceobjectN/AThis object is used to populate card's template. Object keys represent the placeholders surrounded in braces ( e.g. {{proeprty}} ) inside the template of an item and their values are used to replace the bindings.
DisabledboolfalseDisables the interaction with the element.
ItemTemplateobjectN/ASets custom card template. The template can be the ID of an HTMLTemplate element inside the DOM or it's reference. The content of the template may hold one or many property placeholders in format {{property}}. These placeholders will be replaced with the values of the corresponding properties defined in the dataSource object. When setting the property to template ID, the property type is 'string'.
Localestring"en"Sets or gets the language. Used in conjunction with the property messages.
MessagesobjectN/ASets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
RightToLeftboolfalseSets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
Themestring""Determines the theme. Theme defines the look of the element
UnfocusableboolfalseIf is set to true, the element cannot be focused.

Card Events

NameTypeDescriptionEvent Detail
OnSwipebottomEventCallback<Event>This event is triggered when the card is swiped bottom.N/A
Swipebottomedevent CardSwipebottomedEventHandlerThis event is triggered when the card is swiped bottom.CardSwipebottomedEventArgs
OnSwipeleftEventCallback<Event>This event is triggered when the card is swiped left.N/A
SwipedLeftevent CardSwipedLeftEventHandlerThis event is triggered when the card is swiped left.CardSwipedLeftEventArgs
OnSwiperightEventCallback<Event>This event is triggered when the card is swiped right.N/A
SwipeRightevent CardSwipeRightEventHandlerThis event is triggered when the card is swiped right.CardSwipeRightEventArgs
OnSwipetopEventCallback<Event>This event is triggered when the card is swiped top.N/A
Swipetopedevent CardSwipetopedEventHandlerThis event is triggered when the card is swiped top.CardSwipetopedEventArgs