34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
|
|
/**
|
|
* @module SelectableCard
|
|
* SelectableCard components are card-like components that display a title, total, subtotal, and anything after the yield.
|
|
* They are designed to be used in containers that act as flexbox or css grid containers.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <SelectableCard @cardTitle="Tokens" @total={{totalHttpRequests}} @subText="Total"/>
|
|
* ```
|
|
* @param {string} [cardTitle] - cardTitle displays the card title.
|
|
* @param {number} [total = 0] - the number displayed as the largest text in the component.
|
|
* @param {string} [subText] - subText describes the total.
|
|
* @param {string} [actionText] - action text link.
|
|
* @param {string} [actionTo] - route where link will take you.
|
|
* @param {string} [queryParam] - tab for the route the link will take you.
|
|
* @param {string} [type] - type used in the link type.
|
|
*/
|
|
|
|
export default class SelectableCard extends Component {
|
|
get gridContainer() {
|
|
return this.args.gridContainer || false;
|
|
}
|
|
get total() {
|
|
return this.args.total || 0;
|
|
}
|
|
}
|