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