{"componentChunkName":"component---src-pages-experimental-dashboard-widgets-usage-mdx","path":"/experimental/dashboard-widgets/usage/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Dashboard widgets","tabs":["Usage","Style"]},"relativePagePath":"/experimental/dashboard-widgets/usage.mdx","titleType":"prepend","MdxNode":{"id":"59c60a37-86c3-52f4-9f22-bf2c9c7d228d","children":[],"parent":"45924a8b-1a0c-568a-bec9-adb9d17c9319","internal":{"content":"---\ntitle: Dashboard widgets\ntabs: ['Usage', 'Style']\n---\n\n<PageDescription>\n\nA dashboard widget offers a summary of a platform's functionality, status, or individual service. Widgets provide actionable information that helps the user quickly accomplish a task or track key metrics.\n\n</PageDescription>\n\n#### Status:\n\n[Experimental](/experimental/overview)\n\n#### Maintainer:\n\n[Adriana Morales](https://www.github.com/adrianamorales)\n\n![Example of a dashboard using widgets](images/sample_dashboard.png)\n\n<Caption>Example of a dashboard using widgets</Caption>\n\n## Anatomy\n\nEach widget has a title bar and a content section. The title bar is standard for all widgets, but the content section varies depending on the type of widget.\n\n![Widget Terminology](images/widget_terminology.png)\n\n#### Title\n\nThe tile identifies the widget. Max characters: 23 (including spaces)\n\n#### Title link\n\nA title link directs users to a more complete view of the information summarized in the widget. The link's content should be as specific as possible (e.g., \"View resources\" instead of \"View all\"). Max characters: 15\n\n#### Call-to-action\n\nA call-to-action offers the user a quick action in the widget. The call-to action is optional and can incorporate a plus icon if appropriate. Max characters: 23\n\n## Variations\n\nDashboard widgets have two possible sizes, small and large. The height for both sizes is fixed at 310px. Neither widget is resizable.\n\n| Variation type     | Purpose                                                                   |\n| ------------------ | ------------------------------------------------------------------------- |\n| Small widget (1:1) | Standard widget type                                                      |\n| Large widget (2:1) | Typically used to show data visualization                                 |\n| Core widget        | Displayed on the dashboard by default and displays platform functionality |\n| Service widget     | Must be actively added to the dashboard by the user                       |\n\n![Comparison of small and large widgets](images/widget_dimensions.png)\n\n<Caption>Comparison between small and large widgets</Caption>\n\n### Core widget\n\nCore widgets are displayed on the dashboard by default. They typically display platform functionality, such as maintenance events and support cases.\n\n### Service widget\n\nService widgets must be added to the dashboard by a user. Users can add service widgets through a \"Customize dashboard\" menu.\n","type":"Mdx","contentDigest":"be88774104a8b306b09f193dfca2512a","counter":1392,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Dashboard widgets","tabs":["Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Dashboard widgets\ntabs: ['Usage', 'Style']\n---\n\n<PageDescription>\n\nA dashboard widget offers a summary of a platform's functionality, status, or individual service. Widgets provide actionable information that helps the user quickly accomplish a task or track key metrics.\n\n</PageDescription>\n\n#### Status:\n\n[Experimental](/experimental/overview)\n\n#### Maintainer:\n\n[Adriana Morales](https://www.github.com/adrianamorales)\n\n![Example of a dashboard using widgets](images/sample_dashboard.png)\n\n<Caption>Example of a dashboard using widgets</Caption>\n\n## Anatomy\n\nEach widget has a title bar and a content section. The title bar is standard for all widgets, but the content section varies depending on the type of widget.\n\n![Widget Terminology](images/widget_terminology.png)\n\n#### Title\n\nThe tile identifies the widget. Max characters: 23 (including spaces)\n\n#### Title link\n\nA title link directs users to a more complete view of the information summarized in the widget. The link's content should be as specific as possible (e.g., \"View resources\" instead of \"View all\"). Max characters: 15\n\n#### Call-to-action\n\nA call-to-action offers the user a quick action in the widget. The call-to action is optional and can incorporate a plus icon if appropriate. Max characters: 23\n\n## Variations\n\nDashboard widgets have two possible sizes, small and large. The height for both sizes is fixed at 310px. Neither widget is resizable.\n\n| Variation type     | Purpose                                                                   |\n| ------------------ | ------------------------------------------------------------------------- |\n| Small widget (1:1) | Standard widget type                                                      |\n| Large widget (2:1) | Typically used to show data visualization                                 |\n| Core widget        | Displayed on the dashboard by default and displays platform functionality |\n| Service widget     | Must be actively added to the dashboard by the user                       |\n\n![Comparison of small and large widgets](images/widget_dimensions.png)\n\n<Caption>Comparison between small and large widgets</Caption>\n\n### Core widget\n\nCore widgets are displayed on the dashboard by default. They typically display platform functionality, such as maintenance events and support cases.\n\n### Service widget\n\nService widgets must be added to the dashboard by a user. Users can add service widgets through a \"Customize dashboard\" menu.\n","fileAbsolutePath":"/fargate/7b444b50/src/pages/experimental/dashboard-widgets/usage.mdx"}}}}