Popovers

LiqPopover renders a translucent rounded bubble (13pt radius) with a 56×13pt triangular tip on the chosen LiqPopoverSide. The tip position along the edge is controlled by LiqPopoverAlignment.

Top

import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget popoverTopBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 260,    height: 170,    surface: SnippetFrameSurface.liquidThemed,    child: LiqPopover(child: SnippetLabel('Tip on top')),  );}

Bottom

import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget popoverBottomBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 260,    height: 170,    surface: SnippetFrameSurface.liquidThemed,    child: LiqPopover(      side: LiqPopoverSide.bottom,      child: SnippetLabel('Tip on bottom'),    ),  );}

Leading

import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget popoverLeadingBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 300,    height: 150,    surface: SnippetFrameSurface.liquidThemed,    child: LiqPopover(      side: LiqPopoverSide.leading,      child: SnippetLabel('Tip on leading'),    ),  );}

Trailing

import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget popoverTrailingBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 300,    height: 150,    surface: SnippetFrameSurface.liquidThemed,    child: LiqPopover(      side: LiqPopoverSide.trailing,      child: SnippetLabel('Tip on trailing'),    ),  );}

Basic

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget popoverBasicBuilder(BuildContext context) {  return SnippetFrame(child: PopoverBasicExample());}

Menu

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget popoverMenuBuilder(BuildContext context) {  return SnippetFrame(child: PopoverMenuExample());}

Information

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget popoverInformationBuilder(BuildContext context) {  return SnippetFrame(child: PopoverInformationExample());}

Custom Content

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget popoverCustomContentBuilder(BuildContext context) {  return SnippetFrame(child: PopoverCustomContentExample());}

Tooltips

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget popoverTooltipsBuilder(BuildContext context) {  return SnippetFrame(child: PopoverTooltipsExample());}

Direction Options

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget popoverDirectionOptionsBuilder(BuildContext context) {  return SnippetFrame(child: PopoverDirectionOptionsExample());}