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