Transaction Card
The Transaction Card displays customer transaction details in a compact view.
Sage Component
SageTransactionCard
<%= sage_component SageTransactionCard, {
label_color: "published",
label_text: "Multi-Payment",
name: "Lilly Jones",
name_href: "https://kajabi.com",
amount: "+ 450.00",
amount_color: "sage",
related_property: "Total Product Blueprint",
related_property_href: "https://kajabi.com",
transaction_state: "New",
transaction_time: "10:32pm",
} %>
Property | Description | Type | Default |
---|---|---|---|
|
Name of contact that initiated transaction. |
String |
|
|
Optional link that gets applied to name |
String |
|
|
Sets the heading tag (h1 - h6) for the |
String |
|
|
Amount of the transaction. |
String |
|
|
Color that can be applied to the transaction amount. |
|
|
|
Color of transaction label. |
|
|
|
Text displayed in label. |
String |
|
|
Text displayed in bottom left property area. |
String |
|
|
Optional link that gets applied to related_property. |
String |
|
|
Text that displays the state of transaction in top right corner |
String |
|
|
Color that can be applied to the transaction_state. |
|
|
|
Time that transaction occured. |
String |
|
- Rules for what you should do with this component go here.
- Rules for what you should not do with this component go here.