DescriptionList constructor

DescriptionList({
  1. List<DescriptionItem> items = const [],
  2. String? className,
  3. Map<String, Object?> props = const {},
  4. Map<String, Object?> style = const {},
  5. DartStyle? dartStyle,
})

Creates a description list from items.

Implementation

DescriptionList({
  List<DescriptionItem> items = const [],
  String? className,
  Map<String, Object?> props = const {},
  Map<String, Object?> style = const {},
  DartStyle? dartStyle,
}) : super(
        'dl',
        props: mergeComponentProps(
          props,
          className: className,
          defaultStyle: const {
            'display': 'grid',
            'grid-template-columns': 'max-content minmax(0, 1fr)',
            'gap': '10px 16px',
            'margin': 0,
          },
          dartStyle: dartStyle,
          style: style,
        ),
        children: [
          for (final item in items) ...[
            FlintElement(
              'dt',
              props: const {
                'style': {'color': '#667085', 'font-weight': 600},
              },
              children: normalizeChildren(item.label, const []),
            ),
            FlintElement(
              'dd',
              props: const {
                'style': {'margin': 0, 'color': '#101828'},
              },
              children: normalizeChildren(item.value, const []),
            ),
          ],
        ],
      );