DashboardShell constructor

DashboardShell({
  1. Object? brand,
  2. Object? sidebar,
  3. String? title,
  4. String? subtitle,
  5. Object? topbar,
  6. Object? actions,
  7. Object? user,
  8. Object? child,
  9. List<Object?> children = const [],
  10. String? className,
  11. Map<String, Object?> props = const {},
  12. Map<String, Object?> style = const {},
  13. DartStyle? dartStyle,
})

Creates a dashboard shell with sidebar, topbar, and main content.

Implementation

DashboardShell({
  Object? brand,
  Object? sidebar,
  String? title,
  String? subtitle,
  Object? topbar,
  Object? actions,
  Object? user,
  Object? child,
  List<Object?> children = const [],
  String? className,
  Map<String, Object?> props = const {},
  Map<String, Object?> style = const {},
  DartStyle? dartStyle,
}) : super(
        'div',
        props: mergeComponentProps(
          props,
          className: className,
          dartStyle: dartStyle,
          style: style,
        ),
        children: [
          AppShell(
            brand: brand,
            sidebar: sidebar,
            topbar: topbar ??
                Topbar(
                  title: title,
                  subtitle: subtitle,
                  actions: actions,
                  user: user,
                ),
            children: normalizeChildren(child, children),
            dartStyle: DartStyle(
              background: ThemeToken.color(
                'dashboardBackground',
                fallback: '#f8fafc',
              ).toCss(),
              color: ThemeToken.color(
                'dashboardText',
                fallback: '#101828',
              ).toCss(),
            ),
          ),
        ],
      );