{"componentChunkName":"component---src-pages-experimental-dashboard-widgets-usage-mdx","path":"/experimental/dashboard-widgets/usage/","webpackCompilationHash":"9a5cb62a61994334ab3f","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Dashboard widgets","tabs":["Usage","Style"]},"relativePagePath":"/experimental/dashboard-widgets/usage.mdx","titleType":"prepend","MdxNode":{"id":"a76da12d-243d-5469-ade6-c8cd54813d66","children":[],"parent":"730a883e-5cd1-5653-9099-63546c87127b","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":"15731c1a89b24f1a3dd32cb641a0599d","counter":1260,"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":"/tmp/35443907/src/pages/experimental/dashboard-widgets/usage.mdx"}}}}