Jump to content

Stat Block Component: Difference between revisions

From Swarthmore Knowledge Base
Kwhiteb1 (talk | contribs)
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
The '''''Stat Block''''' component type displays a simple donut chart visualization that represents a single statistic as a percentage. This component can only be created and maintained by ITS administrators. To request the creation of '''''Stat Block''''' component on your site, email [mailto:support@swarthmore.edu support@swarthmore.edu].
{{DrupalBack}}
The '''Stat Block''' component displays a simple donut chart visualization representing a single statistic as a percentage. This component can only be created and maintained by ITS administrators.
 
To request that a '''Stat Block''' component be added to your site, email [mailto:support@swarthmore.edu support@swarthmore.edu].


== Examples ==
== Examples ==


{{StorybookComponent|id=swarthmore-theme-components-stat-block}}
{{Callout|type=tip|title=Interactive Example|content=The preview below shows the Stat Block component using its default configuration.
 
To experiment with the component, open the interactive component playground.


== <br> ==
'''[https://toolkit.swarthmore.edu/?path=/story/swarthmore-theme-components-stat-block Open Component Playground]'''}}


{{StorybookComponent|id=swarthmore-theme-components-stat-block}}


[[Category:Drupal]]
[[Category:Drupal]]
<!-- Imported from Confluence page id=20513087 (https://swatkb.atlassian.net/wiki/spaces/DRUP/pages/20513087/Stat+Block+Component) -->

Latest revision as of 13:45, 10 July 2026

The Stat Block component displays a simple donut chart visualization representing a single statistic as a percentage. This component can only be created and maintained by ITS administrators.

To request that a Stat Block component be added to your site, email support@swarthmore.edu.

Examples

Interactive Example
The preview below shows the Stat Block component using its default configuration.

To experiment with the component, open the interactive component playground.

Open Component Playground