Components

Social Share

Social share is an icon button group that links to official social media accounts.

Overview

The primary purpose of the social share is to create a seamless bridge between the government and the public by facilitating direct connections through established social media channels. By prominently displaying icons representing different social media platforms, users can easily access official government accounts, stay updated on news and announcements, and participate in relevant discussions.

Formatting

The Social Share component can accommodate up to 6 icon buttons wide. If more than 6 are needed, it will wrap to two lines.

Anatomy

Accordion anatomy diagram
  1. Heading (optional)
  2. Icon Buttons - Linked to official social media accounts
  3. Supporting text (optional)

 

Placement

The Social Share component can be seamlessly integrated into various sections of the government website, including the body or footer.

 

Content

Main Elements

Iconography
  • The component features recognizable and scalable icons for various social media platforms, such as Facebook, Twitter, Instagram, LinkedIn, and YouTube.
Tooltip
  • On hover, display a tooltip describing the button’s action (not the name of the icon).

Behaviors

States

Accordion anatomy diagram