InfoCard
InfoCard is a flexible component designed to display and interact with an ItemSummary. It displays the ItemSummary's abbreviation, icon, or image (as appropriate), the header, and any subheaders and detail lines. By customizing the second and third arguments of any header, subheader, or detail, the consumer can direct the InfoCard to display tooltips or run relevant functions. The InfoCard is reactive to whether or not the ItemSummary is marked as disabled, and allows for generic execution of the ItemSummary's actionHandler. Additionally, it provides an optional checkbox allowing each ItemSummary to be selected or deselected e.g. as part of a list.
Demo
Required Imports
import { InfoCardModule } from 'nextsapien-component-lib';
Example usage
`{{ infoCardDemo }}`
Properties

Type | Name | Description | Data type | Required | Default | Demo
--- | --- | --- | --- | --- | --- | ---
Input | item | The ItemSummary to display info from | ItemSummary | true | n/a | n/a
Input | checkable | Determines whether a checkbox will be displayed on the InfoCard | boolean | false | false |
Input | checked | Sets the state of the checkbox for an InfoCard | boolean | false | false |
Input | selectable | Indicates that this InfoCard can be selected by click. If true, selection of individual subelements (header, subheaders, details, actionHandler, checkbox) is disabled. | boolean | false | false |
Output | checkedChange | Indicates that the checked value has changed, what the current checked value is, and which item was checked/unchecked | {item: ItemSummary<any>, checked: boolean} | n/a | n/a | n/a
Output | selected | Indicates that the item was selected (for InfoCards with selectable set to true). The event contains the InfoCard's ItemSummary. | ItemSummary | n/a | n/a | n/a