UsageMeter constructor

UsageMeter({
  1. required String label,
  2. required num used,
  3. required num limit,
  4. String unit = '',
  5. Tone tone = Tone.primary,
  6. String? className,
  7. Map<String, Object?> props = const {},
  8. Map<String, Object?> style = const {},
  9. DartStyle? dartStyle,
})

Creates a usage meter for used out of limit.

Implementation

UsageMeter({
  required String label,
  required num used,
  required num limit,
  String unit = '',
  Tone tone = Tone.primary,
  String? className,
  Map<String, Object?> props = const {},
  Map<String, Object?> style = const {},
  DartStyle? dartStyle,
}) : super(
       'div',
       props: mergeComponentProps(
         props,
         className: className,
         defaultStyle: const {'display': 'grid', 'gap': '8px'},
         dartStyle: dartStyle,
         style: style,
       ),
       children: [
         FlintElement(
           'div',
           props: const {
             'style': {
               'display': 'flex',
               'align-items': 'center',
               'justify-content': 'space-between',
               'gap': '12px',
             },
           },
           children: [FlintText(label), FlintText('$used / $limit$unit')],
         ),
         ProgressBar(value: used, max: limit, tone: tone),
       ],
     );