Sidebars

LiqSidebar is a 320pt translucent rounded panel (34pt corner radius, rgba(250,250,250,0.7) background). Place LiqSidebarSectionHeader and LiqSidebarRow children inside. Optionally prepend LiqSidebarSearch for a filtering search bar.

Default

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 sidebarDefaultBuilder(BuildContext context) {  return SnippetFrame(    child: LiqSidebar(      children: <Widget>[        const LiqSidebarSectionHeader(title: 'Mailboxes'),        LiqSidebarRow(          title: 'Inbox',          detail: '12',          selected: true,          onPressed: () {},        ),        LiqSidebarRow(title: 'Sent', onPressed: () {}),        LiqSidebarRow(title: 'Drafts', detail: '3', onPressed: () {}),        LiqSidebarRow(title: 'Trash', onPressed: () {}),      ],    ),  );}

With Search

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport '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 sidebarWithSearchBuilder(BuildContext context) {  return SnippetFrame(    child: LiqSidebar(      children: <Widget>[        const LiqSidebarSearch(),        const SizedBox(height: 8),        const LiqSidebarSectionHeader(title: 'Mailboxes'),        LiqSidebarRow(          title: 'Inbox',          detail: '12',          selected: true,          onPressed: () {},        ),        LiqSidebarRow(title: 'Sent', onPressed: () {}),        LiqSidebarRow(title: 'Drafts', detail: '3', onPressed: () {}),      ],    ),  );}

Standard

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

Mini

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

Custom Styled

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