Tooltip constructor

Tooltip({
  1. required String content,
  2. required Object child,
  3. String placement = 'top',
  4. String? className,
  5. Map<String, Object?> props = const {},
  6. Map<String, Object?> style = const {},
  7. DartStyle? dartStyle,
})

Creates a tooltip for child.

Implementation

Tooltip({
  required String content,
  required Object child,
  String placement = 'top',
  String? className,
  Map<String, Object?> props = const {},
  Map<String, Object?> style = const {},
  DartStyle? dartStyle,
}) : super(
       'span',
       props: mergeComponentProps(
         props,
         className: className,
         defaultStyle: const {
           'position': 'relative',
           'display': 'inline-flex',
         },
         dartStyle: dartStyle,
         style: style,
       ),
       children: [
         toFlintNode(child),
         FlintElement(
           'span',
           props: {
             'role': 'tooltip',
             'data-placement': placement,
             'style': const {
               'position': 'absolute',
               'z-index': 20,
               'padding': '4px 8px',
               'border-radius': '6px',
               'background': '#101828',
               'color': '#ffffff',
               'font-size': '12px',
             },
           },
           children: normalizeChildren(content, const []),
         ),
       ],
     );