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),
        ],
      );