mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-10-31 10:37:56 +00:00
a5ab03442e
* create SingleMonth template * updates stattext styling * add flex helper and fix header margin * rename variable in formatNumber helper * update templates with size-specific margins * clarify class name * fix jsdoc param type
22 lines
1017 B
JavaScript
22 lines
1017 B
JavaScript
/**
|
|
* @module StatText
|
|
* StatText components are used to display a label and associated value beneath, with the option to include a description.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <StatText @label="Active Clients" @value="4,198" @size="l" @subText="These are the active client counts"/>
|
|
* ```
|
|
* @param {string} label=null - The label for the statistic
|
|
* @param {number} value=null - Value passed in, usually a number or statistic
|
|
* @param {string} size=null - Sizing changes whether or not there is subtext. If there is subtext 's' and 'l' are valid sizes. If no subtext, then 'm' is also acceptable.
|
|
* @param {string} [subText] - SubText is optional and will display below the label
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import layout from '../templates/components/stat-text';
|
|
import { setComponentTemplate } from '@ember/component';
|
|
/* eslint ember/no-empty-glimmer-component-classes: 'warn' */
|
|
class StatTextComponent extends Component {}
|
|
|
|
export default setComponentTemplate(layout, StatTextComponent);
|