Widget

24.1

A flexible container in a dashboard.

Widget

24.1

A flexible container in a dashboard.

Widget

24.1

A flexible container in a dashboard.

Overview

The widget component is a flexible container that can be used for various types of content in different kinds of pages.

Usage

Widgets are used as modular content containers on dashboards, providing consistent styling and organization for different types of information displayed together.

Anatomy

Header

  1. Title: Identifies the widget content

  2. Badge or Tag: Additional status or category information

  3. Extra header content - can be used to show extra controls or information

Content area

  • The main body of the widget where content is displayed

Footer

  • Can be used to show extra controls or information that need a bit more weight

Variants

Extra header content

  • Extra information

  • Buttons

  • Pagination

  • Dropdown

  • Close button

Footer

  • Legend

  • Checkbox legend

  • Link

Tables [WIP]

Widget tables have special considerations (marked as WIP in the documentation).

Charts [WIP]

Chart support is mentioned but marked as WIP (Work in Progress) in the documentation.

Help make this page more useful.

Help make this page more useful.

Help make this page more useful.